<ion-header class="nav-header">
  <ion-toolbar>
    <ion-buttons slot="start" style="padding-right: 5px;">
      <ion-button (click)="backClick()">
        <ion-icon class="md-arrow-back" ios="md-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title  (click)="showDownMenu()">
      {{lotName}}&nbsp;<ion-icon  class="iconfont down-menu-icon ion-ios-fanhui1-down"></ion-icon> 
    </ion-title>
    <!-- <ion-title *ngIf="regionNum!=1" (click)="changeRegion()">
      {{playABCD}}盘&nbsp;<ion-icon *ngIf="!isRegion" class="iconfont ion-ios-down-trangle"></ion-icon>
      <ion-icon *ngIf="isRegion" class="iconfont ion-ios-down-trangle-copy"></ion-icon>
    </ion-title> -->
    <ion-buttons slot="end">
      <ion-button class="toolbar-white" (click)="showMoney()">
        {{moneyObj.credit2 | decimal}}<i class="iconfont  ion-ios-qianbao1" style="font-size: 22px;"></i>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
<!-- 显示选择ABCD盘的模板 -->
<div class="lotABCD-content" *ngIf="isRegion && regionNum!=1">
  <ion-grid>
    <ion-row *ngIf="regionNum==2">
      <ion-col size="6" *ngFor="let item of regionArr" (click)="showABCDLot(item.key)">{{item.name}}</ion-col>
    </ion-row>
    <ion-row *ngIf="regionNum==3">
      <ion-col size="4" *ngFor="let item of regionArr" (click)="showABCDLot(item.key)">{{item.name}}</ion-col>
    </ion-row>
    <ion-row *ngIf="regionNum==4">
      <ion-col size="3" *ngFor="let item of regionArr" (click)="showABCDLot(item.key)">{{item.name}}</ion-col>
    </ion-row>
  </ion-grid>
</div>
<div class="lotABCD-content" *ngIf="isMoney">
  <ion-grid>
    <ion-row>
      <ion-col size="6">未结算:{{moneyObj.credit_expend3 | decimal}}</ion-col>
      <ion-col size="6">今日输赢:{{moneyObj.today | decimal}}</ion-col>
    </ion-row>
  </ion-grid>
</div>
<ion-content scroll-y="false" id="ion-content">
  <!-- <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher> -->
  <ion-list class="lotdetail-res lotdetail-res-contain">
    <div class="res-contain" id="res-contain" *ngIf="isLotRes" [ngStyle]="{'height':resHeight}">
      
      <div class="res-item" *ngFor="let item of lotRes.slice(0,1);let i = index;" [ngClass]="{'lot-first-item':i==0}">
        <ion-item [lines]="i==0?'none':full" style="contain: none !important;overflow: visible;">
          <!-- 开奖结果 -->
          <div *ngIf="code=='pk8' || code=='pt8' || code=='pks' || code=='pka' || code=='yka' || code=='sg8' || code =='pkt'" class="ion-float-left"
            style="width: 100%; padding-top: 10px; text-align: center;">
            <p class="res-data-num" *ngIf="i==0">第{{item.cycleid}}期</p>
            <p class="res-item-num">
              <span *ngIf="item.b1?true:false" class="lot-{{item.b1 | lotnum}} pk-num-font">{{item.b1}}</span>
              <span *ngIf="item.b2?true:false" class="lot-{{item.b2 | lotnum}}  pk-num-font">{{item.b2}}</span>
              <span *ngIf="item.b3?true:false" class="lot-{{item.b3 | lotnum}}  pk-num-font">{{item.b3}}</span>
              <span *ngIf="item.b4?true:false" class="lot-{{item.b4| lotnum}}  pk-num-font">{{item.b4}}</span>
              <span *ngIf="item.b5?true:false" class="lot-{{item.b5| lotnum}}  pk-num-font">{{item.b5}}</span>
              <span *ngIf="item.b6?true:false" class="lot-{{item.b6| lotnum}}  pk-num-font">{{item.b6}}</span>
              <span *ngIf="item.b7?true:false" class="lot-{{item.b7| lotnum}}  pk-num-font">{{item.b7}}</span>
              <span *ngIf="item.b8?true:false" class="lot-{{item.b8| lotnum}}  pk-num-font">{{item.b8}}</span>
              <span *ngIf="item.b9?true:false" class="lot-{{item.b9| lotnum}}  pk-num-font">{{item.b9}}</span>
              <span *ngIf="item.b10?true:false" class="lot-{{item.b10| lotnum}}  pk-num-font">{{item.b10}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="!(item.cnt | empty)">
              <span *ngFor="let item1 of item.cnt">{{item1}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="(item.cnt | empty)">
              <span *ngFor="let item1 of item.cnt2">{{item1}}</span>
            </p>
          </div>

          <div *ngIf="code=='lhc' || code=='qlc' || code=='mlc' || code=='twd'" class="ion-float-left lhc-qlc"
            style="width: 100%;padding-top: 10px;text-align: center;">
            <p class="res-data-num" *ngIf="i==0">第{{item.cycleid}}期</p>
            <p class="res-item-num">
              <span *ngIf="item.b1?true:false" class="lhc-qlc-lot lhc-qlc-lot-{{item.b1}}">{{item.b1}}</span>
              <span *ngIf="item.b2?true:false" class="lhc-qlc-lot lhc-qlc-lot-{{item.b2}}">{{item.b2}}</span>
              <span *ngIf="item.b3?true:false" class="lhc-qlc-lot lhc-qlc-lot-{{item.b3}}">{{item.b3}}</span>
              <span *ngIf="item.b4?true:false" class="lhc-qlc-lot lhc-qlc-lot-{{item.b4}}">{{item.b4}}</span>
              <span *ngIf="item.b5?true:false" class="lhc-qlc-lot lhc-qlc-lot-{{item.b5}}">{{item.b5}}</span>
              <span *ngIf="item.b6?true:false" class="lhc-qlc-lot lhc-qlc-lot-{{item.b6}}">{{item.b6}}</span>
              <span class="lhc-qlc-lot lhc-qlc-lot-add">+</span>
              <span *ngIf="item.b7?true:false" class="lhc-qlc-lot lhc-qlc-lot-{{item.b7}}">{{item.b7}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="!(item.cnt | empty)">
              <i *ngFor="let item1 of item.cnt; let i=index;">
                <span *ngIf="i==6">&nbsp;</span>
                <span>{{item1}}</span>
              </i>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="(item.cnt | empty)">
              <i *ngFor="let item1 of item.cnt2; let i=index;">
                <span *ngIf="i==6">&nbsp;</span>
                <span>{{item1}}</span>
              </i>
            </p>
          </div>

          <div *ngIf="code=='ssn' || code=='xyssc' || code=='ssh' || code=='ss8' || code=='sgs' || code=='f3d' || code=='pl3' || code=='sjs' || code=='yjs'"
            class="ion-float-left ssn-ssh-ss8" style="width: 100%;  text-align: center;" [ngStyle]="{'padding-top':((code=='pl3' || code=='f3d') ? '0px':'10px') }">
            <p class="res-data-num" *ngIf="i==0">第{{item.cycleid}}期</p>
            <p class="res-item-num">
              <span *ngIf="item.b1?true:false" class="ssn-ssh-ss8-num">{{item.b1}}</span>
              <span *ngIf="item.b2?true:false" class="ssn-ssh-ss8-num">{{item.b2}}</span>
              <span *ngIf="item.b3?true:false" class="ssn-ssh-ss8-num">{{item.b3}}</span>
              <span *ngIf="item.b4?true:false" class="ssn-ssh-ss8-num">{{item.b4}}</span>
              <span *ngIf="item.b5?true:false" class="ssn-ssh-ss8-num">{{item.b5}}</span>
              <span *ngIf="item.b6?true:false" class="ssn-ssh-ss8-num">{{item.b6}}</span>
              <span *ngIf="item.b7?true:false" class="ssn-ssh-ss8-num">{{item.b7}}</span>
              <span *ngIf="item.b8?true:false" class="ssn-ssh-ss8-num">{{item.b8}}</span>
              <span *ngIf="item.b9?true:false" class="ssn-ssh-ss8-num">{{item.b9}}</span>
              <span *ngIf="item.b10?true:false" class="ssn-ssh-ss8-num">{{item.b10}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="!(item.cnt | empty) && code!='f3d' && code!='pl3'">
              <span *ngFor="let item1 of item.cnt">{{item1}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="(item.cnt | empty) && code!='f3d' && code!='pl3'">
              <span *ngFor="let item1 of item.cnt2">{{item1}}</span>
            </p>
          </div>

          <div *ngIf="code=='ssc'" class="ion-float-left ssc-ssc"
            style="width: 100%; padding-top: 6px;text-align: center;">
            <p class="res-data-num" *ngIf="i==0">第{{item.cycleid}}期</p>
            <p class="res-item-num">
              <span *ngIf="item.b1?true:false" class="ssc-ssc-num ssc-ssc--{{item.b1}}"></span>
              <span *ngIf="item.b2?true:false" class="ssc-ssc-num ssc-ssc--{{item.b2}}"></span>
              <span *ngIf="item.b3?true:false" class="ssc-ssc-num ssc-ssc--{{item.b3}}"></span>
              <span *ngIf="item.b4?true:false" class="ssc-ssc-num ssc-ssc--{{item.b4}}"></span>
              <span *ngIf="item.b5?true:false" class="ssc-ssc-num ssc-ssc--{{item.b5}}"></span>
              <span *ngIf="item.b6?true:false" class="ssc-ssc-num ssc-ssc--{{item.b6}}"></span>
              <span *ngIf="item.b7?true:false" class="ssc-ssc-num ssc-ssc--{{item.b7}}"></span>
              <span *ngIf="item.b8?true:false" class="ssc-ssc-num ssc-ssc--{{item.b8}}"></span>
              <span *ngIf="item.b9?true:false" class="ssc-ssc-num ssc-ssc--{{item.b9}}"></span>
              <span *ngIf="item.b10?true:false" class="ssc-ssc-num ssc-ssc--{{item.b10}}"></span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="!(item.cnt | empty)">
              <span *ngFor="let item1 of item.cnt">{{item1}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="(item.cnt | empty)">
              <span *ngFor="let item1 of item.cnt2">{{item1}}</span>
            </p>
          </div>
          <!-- 江苏快三s3s,极速快三js3 -->
          <div *ngIf="code=='s3s' || code=='js3' || code=='sg3'" class="ion-float-left s3s-s3s"
            style="width: 100%;padding-top: 10px; text-align: center;">
            <p class="res-data-num" *ngIf="i==0">第{{item.cycleid}}期</p>
            <p class="res-item-num">
              <span *ngIf="item.b1?true:false" class="s3s-s3s-num s3s-s3s--{{item.b1}}"></span>
              <span *ngIf="item.b2?true:false" class="s3s-s3s-num s3s-s3s--{{item.b2}}"></span>
              <span *ngIf="item.b3?true:false" class="s3s-s3s-num s3s-s3s--{{item.b3}}"></span>
              <span *ngIf="item.b4?true:false" class="s3s-s3s-num s3s-s3s--{{item.b4}}"></span>
              <span *ngIf="item.b5?true:false" class="s3s-s3s-num s3s-s3s--{{item.b5}}"></span>
              <span *ngIf="item.b6?true:false" class="s3s-s3s-num s3s-s3s--{{item.b6}}"></span>
              <span *ngIf="item.b7?true:false" class="s3s-s3s-num s3s-s3s--{{item.b7}}"></span>
              <span *ngIf="item.b8?true:false" class="s3s-s3s-num s3s-s3s--{{item.b8}}"></span>
              <span *ngIf="item.b9?true:false" class="s3s-s3s-num s3s-s3s--{{item.b9}}"></span>
              <span *ngIf="item.b10?true:false" class="s3s-s3s-num s3s-s3s--{{item.b10}}"></span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="!(item.cnt | empty)">
              <span *ngFor="let item1 of item.cnt">{{item1}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="(item.cnt | empty)">
              <span *ngFor="let item1 of item.cnt2">{{item1}}</span>
            </p>
          </div>
          <!-- 广西快乐十分 -->
          <div *ngIf="code=='sgx'" class="ion-float-left sgx_sgx"
            style="width: 100%; padding-top: 10px;text-align: center;">
            <p class="res-data-num" *ngIf="i==0">第{{item.cycleid}}期</p>
            <p class="res-item-num">
              <span *ngIf="item.b1?true:false" class="sgx_sgx-num sgx_sgx--{{item.b1}}">{{item.b1}}</span>
              <span *ngIf="item.b2?true:false" class="sgx_sgx-num sgx_sgx--{{item.b2}}">{{item.b2}}</span>
              <span *ngIf="item.b3?true:false" class="sgx_sgx-num sgx_sgx--{{item.b3}}">{{item.b3}}</span>
              <span *ngIf="item.b4?true:false" class="sgx_sgx-num sgx_sgx--{{item.b4}}">{{item.b4}}</span>
              <span *ngIf="item.b5?true:false" class="sgx_sgx-num sgx_sgx--{{item.b5}}">{{item.b5}}</span>
              <span *ngIf="item.b6?true:false" class="sgx_sgx-num sgx_sgx--{{item.b6}}">{{item.b6}}</span>
              <span *ngIf="item.b7?true:false" class="sgx_sgx-num sgx_sgx--{{item.b7}}">{{item.b7}}</span>
              <span *ngIf="item.b8?true:false" class="sgx_sgx-num sgx_sgx--{{item.b8}}">{{item.b8}}</span>
              <span *ngIf="item.b9?true:false" class="sgx_sgx-num sgx_sgx--{{item.b9}}">{{item.b9}}</span>
              <span *ngIf="item.b10?true:false" class="sgx_sgx-num sgx_sgx--{{item.b10}}">{{item.b10}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="!(item.cnt | empty)">
              <span *ngFor="let item1 of item.cnt">{{item1}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="(item.cnt | empty)">
              <span *ngFor="let item1 of item.cnt2">{{item1}}</span>
            </p>
          </div>

          <div *ngIf="code=='stj'  || code=='ssg' || code=='klsf' || code=='az8' || code=='yz8'  || code=='s10'" class="ion-float-left stj_ssg"
            style="width: 100%; padding-top: 10px; text-align: center;">
            <p class="res-data-num" *ngIf="i==0">第{{item.cycleid}}期</p>
            <p class="res-item-num">
              <span *ngIf="item.b1?true:false" class="stj_ssg-num stj_ssg--{{item.b1}}">{{item.b1}}</span>
              <span *ngIf="item.b2?true:false" class="stj_ssg-num stj_ssg--{{item.b2}}">{{item.b2}}</span>
              <span *ngIf="item.b3?true:false" class="stj_ssg-num stj_ssg--{{item.b3}}">{{item.b3}}</span>
              <span *ngIf="item.b4?true:false" class="stj_ssg-num stj_ssg--{{item.b4}}">{{item.b4}}</span>
              <span *ngIf="item.b5?true:false" class="stj_ssg-num stj_ssg--{{item.b5}}">{{item.b5}}</span>
              <span *ngIf="item.b6?true:false" class="stj_ssg-num stj_ssg--{{item.b6}}">{{item.b6}}</span>
              <span *ngIf="item.b7?true:false" class="stj_ssg-num stj_ssg--{{item.b7}}">{{item.b7}}</span>
              <span *ngIf="item.b8?true:false" class="stj_ssg-num stj_ssg--{{item.b8}}">{{item.b8}}</span>
              <span *ngIf="item.b9?true:false" class="stj_ssg-num stj_ssg--{{item.b9}}">{{item.b9}}</span>
              <span *ngIf="item.b10?true:false" class="stj_ssg-num stj_ssg--{{item.b10}}">{{item.b10}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="!(item.cnt | empty)">
              <span *ngFor="let item1 of item.cnt">{{item1}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="(item.cnt | empty)">
              <span *ngFor="let item1 of item.cnt2">{{item1}}</span>
            </p>
          </div>
          <!-- 广东十一选5   极速11选5 -->
          <div class="ion-float-left sxg"
          *ngIf="code=='sxg' || code=='jsg' || code=='sx5'" style="width: 100%; padding-top: 10px; text-align: center;">
          <p class="res-data-num" *ngIf="i==0">第{{item.cycleid}}期</p>
          <p class="res-item-num">
            <span *ngIf="item.b1?true:false" class="lot-sxg">{{item.b1}}</span>
            <span *ngIf="item.b2?true:false" class="lot-sxg">{{item.b2}}</span>
            <span *ngIf="item.b3?true:false" class="lot-sxg">{{item.b3}}</span>
            <span *ngIf="item.b4?true:false" class="lot-sxg">{{item.b4}}</span>
            <span *ngIf="item.b5?true:false" class="lot-sxg">{{item.b5}}</span>
            <span *ngIf="item.b6?true:false" class="lot-sxg">{{item.b6}}</span>
            <span *ngIf="item.b7?true:false" class="lot-sxg">{{item.b7}}</span>
            <span *ngIf="item.b8?true:false" class="lot-sxg">{{item.b8}}</span>
            <span *ngIf="item.b9?true:false" class="lot-sxg">{{item.b9}}</span>
            <span *ngIf="item.b10?true:false" class="lot-sxg">{{item.b10}}</span>
          </p>
          <p class="res-item-w" style="padding:5px 0px;" *ngIf="!(item.cnt | empty)">
            <span *ngFor="let item1 of item.cnt">{{item1}}</span>
          </p>
          <p class="res-item-w" style="padding:5px 0px;" *ngIf="(item.cnt | empty)">
            <span *ngFor="let item1 of item.cnt2">{{item1}}</span>
          </p>
        </div>
        <!-- 极速快乐8 澳洲幸运20 -->
        <div class="ion-float-left js8-a20"
          *ngIf="code=='js8' || code=='a20' || code=='y20' || code=='sk8'" style="width: 100%; padding-top: 4px; text-align: center;">
          <p class="res-data-num" *ngIf="i==0">第{{item.cycleid}}期</p>
          <p class="res-item-num">
            <span *ngIf="item.b1?true:false" class="lot-js8-a20 js8-a20--{{item.b1}}">{{item.b1}}</span>
            <span *ngIf="item.b2?true:false" class="lot-js8-a20 js8-a20--{{item.b2}}">{{item.b2}}</span>
            <span *ngIf="item.b3?true:false" class="lot-js8-a20 js8-a20--{{item.b3}}">{{item.b3}}</span>
            <span *ngIf="item.b4?true:false" class="lot-js8-a20 js8-a20--{{item.b4}}">{{item.b4}}</span>
            <span *ngIf="item.b5?true:false" class="lot-js8-a20 js8-a20--{{item.b5}}">{{item.b5}}</span>
            <span *ngIf="item.b6?true:false" class="lot-js8-a20 js8-a20--{{item.b6}}">{{item.b6}}</span>
            <span *ngIf="item.b7?true:false" class="lot-js8-a20 js8-a20--{{item.b7}}">{{item.b7}}</span>
            <span *ngIf="item.b8?true:false" class="lot-js8-a20 js8-a20--{{item.b8}}">{{item.b8}}</span>
            <span *ngIf="item.b9?true:false" class="lot-js8-a20 js8-a20--{{item.b9}}">{{item.b9}}</span>
            <span *ngIf="item.b10?true:false" class="lot-js8-a20 js8-a20--{{item.b10}}">{{item.b10}}</span>
            <br/>
            <span *ngIf="item.b11?true:false" class="lot-js8-a20 js8-a20--{{item.b11}}">{{item.b11}}</span>
            <span *ngIf="item.b12?true:false" class="lot-js8-a20 js8-a20--{{item.b12}}">{{item.b12}}</span>
            <span *ngIf="item.b13?true:false" class="lot-js8-a20 js8-a20--{{item.b13}}">{{item.b13}}</span>
            <span *ngIf="item.b14?true:false" class="lot-js8-a20 js8-a20--{{item.b14}}">{{item.b14}}</span>
            <span *ngIf="item.b15?true:false" class="lot-js8-a20 js8-a20--{{item.b15}}">{{item.b15}}</span>
            <span *ngIf="item.b16?true:false" class="lot-js8-a20 js8-a20--{{item.b16}}">{{item.b16}}</span>
            <span *ngIf="item.b17?true:false" class="lot-js8-a20 js8-a20--{{item.b17}}">{{item.b17}}</span>
            <span *ngIf="item.b18?true:false" class="lot-js8-a20 js8-a20--{{item.b18}}">{{item.b18}}</span>
            <span *ngIf="item.b19?true:false" class="lot-js8-a20 js8-a20--{{item.b19}}">{{item.b19}}</span>
            <span *ngIf="item.b20?true:false" class="lot-js8-a20 js8-a20--{{item.b20}}">{{item.b20}}</span>
          </p>
          <p class="res-item-w"  *ngIf="!(item.cnt | empty)">
            <span *ngFor="let item1 of item.cnt">{{item1}}</span>
          </p>
          <p class="res-item-w"  *ngIf="(item.cnt | empty)">
            <span *ngFor="let item1 of item.cnt2">{{item1}}</span>
          </p>
        </div>
          <!-- 默认的开奖的样式 -->
          <div class="ion-float-left"
            *ngIf="code!='pk8' && code!='pt8' && code!='pks' && code!='pka' && code!='yka' && code!='sg8' && code !='pkt' && code!='lhc' && code!='mlc' && code!='twd' && code!='qlc' &&code!='ssn' &&code!='xyssc' && code!='ssh' && code!='ss8' && code!='sgs' && code!='f3d' && code!='pl3' && code!='sjs'&& code!='yjs'&&code!='ssc'&& code!='s3s' && code!='js3' && code!='sg3' &&code!='sgx' && code!='ssg' && code!='klsf' && code!='az8' && code!='yz8' && code!='s10' && code!='stj' && code!='sxg' && code!='jsg' && code!='sx5' && code!='js8' && code!='a20' && code!='y20' && code!='sk8'"  
            style="width: 100%; padding-top: 10px; text-align: center;">
            <p class="res-data-num" *ngIf="i==0">第{{item.cycleid}}期</p>
            <p class="res-item-num">
              <span *ngIf="item.b1?true:false" class="lot-{{item.b1 | lotnum}}">{{item.b1}}</span>
              <span *ngIf="item.b2?true:false" class="lot-{{item.b2 | lotnum}}">{{item.b2}}</span>
              <span *ngIf="item.b3?true:false" class="lot-{{item.b3 | lotnum}}">{{item.b3}}</span>
              <span *ngIf="item.b4?true:false" class="lot-{{item.b4| lotnum}}">{{item.b4}}</span>
              <span *ngIf="item.b5?true:false" class="lot-{{item.b5| lotnum}}">{{item.b5}}</span>
              <span *ngIf="item.b6?true:false" class="lot-{{item.b6| lotnum}}">{{item.b6}}</span>
              <span *ngIf="item.b7?true:false" class="lot-{{item.b7| lotnum}}">{{item.b7}}</span>
              <span *ngIf="item.b8?true:false" class="lot-{{item.b8| lotnum}}">{{item.b8}}</span>
              <span *ngIf="item.b9?true:false" class="lot-{{item.b9| lotnum}}">{{item.b9}}</span>
              <span *ngIf="item.b10?true:false" class="lot-{{item.b10| lotnum}}">{{item.b10}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="!(item.cnt | empty)">
              <span *ngFor="let item1 of item.cnt">{{item1}}</span>
            </p>
            <p class="res-item-w" style="padding:5px 0px;" *ngIf="(item.cnt | empty)">
              <span *ngFor="let item1 of item.cnt2">{{item1}}</span>
            </p>
          </div>

          <div class="res-data-time ion-float-right res-data-time-one" *ngIf="i==0">
            <p>第<span style="color:#ff6565">{{lotTimer.cycleid | substr:'[-3,3]'}}</span>期</p>
            <p>{{lotFirstMsg}}</p>
            <p style="color: #ff5353; font-size: 14px; font-weight: bold;" class="lot-first-time">
              {{close_time | countdown:true}}</p>
          </div>
          <div class="res-data-time ion-float-right res-data-time-other" *ngIf="i!=0">
            <p>第{{item.cycleId}}期</p>
          </div>
        </ion-item>
      </div>
      <!-- 20期的开奖结果 -->
      <div class="res-item-more" *ngIf="isRes">
        <ion-grid class="grid-header">
          <ion-row>
            <ion-col size="3" class="lotter-date">
              {{tabarData.cycleid}}/{{tabarData.sdate}}
            </ion-col>
            <!-- 切换的按钮 -->
            <ion-col class="lotter-data" size="9" *ngIf="code=='lhc' || code=='qlc' || code=='mlc' || code=='twd'">
              <span *ngIf="tabarData.balls" [ngClass]="{'active':showStateData.balls}"
                (click)="onSelectType('balls')">{{tabarData.balls}}</span>
              <span *ngIf="tabarData.dx" [ngClass]="{'active':showStateData.dx}"
                (click)="onSelectType('dx')">{{tabarData.dx}}</span>
              <span *ngIf="tabarData.ds" [ngClass]="{'active':showStateData.ds}"
                (click)="onSelectType('ds')">{{tabarData.ds}}</span>
              <span *ngIf="tabarData.sum" [ngClass]="{'active':showStateData.sum}"
                (click)="onSelectType('sum')">{{tabarData.sum}}</span>
              <span *ngIf="tabarData.nn" [ngClass]="{'active':showStateData.nn}"
                (click)="onSelectType('nn')">{{tabarData.nn}}</span>
              <span *ngIf="tabarData.tm" [ngClass]="{'active':showStateData.tm}"
                (click)="onSelectType('tm')">{{tabarData.tm}}</span>
            </ion-col>
            <ion-col class="lotter-data" size="9" *ngIf="code!='lhc' && code!='qlc' && code!='mlc' && code!='twd'">
              <span *ngIf="tabarData.balls && (code=='pk8' || code=='pt8' || code=='pks' || code=='pka' || code=='yka' || code=='sg8' || code=='pkt')"
                [ngClass]="{'active':showStateData.balls}"
                (click)="onSelectType('balls')">{{tabarData.balls}}</span>
              <span *ngIf="tabarData.balls  && code!='pk8' && code!='pt8' && code!='pks' && code!='pka' && code!='yka' && code!='sg8' && code!='pkt'"
                [ngClass]="{'active':showStateData.balls}" (click)="onSelectType('balls')">{{tabarData.balls}}</span>
              <span *ngIf="tabarData.dx" [ngClass]="{'active':showStateData.dx}"
                (click)="onSelectType('dx')">{{tabarData.dx}}</span>
              <span *ngIf="tabarData.ds" [ngClass]="{'active':showStateData.ds}"
                (click)="onSelectType('ds')">{{tabarData.ds}}</span>
              <span *ngIf="tabarData.sum && (code=='pk8' || code=='pt8' || code=='pks' || code=='pka' || code=='yka' || code=='sg8' || code=='pkt')"
                [ngClass]="{'active':showStateData.sum && !showStateData.balls}"
                (click)="onSelectType('sum')">{{tabarData.sum}}</span>
              <span *ngIf="tabarData.zh && (code=='f3d' || code=='pl3')"
                [ngClass]="{'active':showStateData.zh && !showStateData.balls}"
                (click)="onSelectType('zh')">{{tabarData.zh}}</span>
              <span *ngIf="tabarData.sum  && code!='pk8' && code!='pt8' && code!='pks' && code!='pka' && code!='yka' && code!='sg8' && code!='pkt'"
                [ngClass]="{'active':showStateData.sum}" (click)="onSelectType('sum')">{{tabarData.sum}}</span>
              <span *ngIf="tabarData.nn" [ngClass]="{'active':showStateData.nn}"
                (click)="onSelectType('nn')">{{tabarData.nn}}</span>
              <span *ngIf="tabarData.gylh" [ngClass]="{'active':showStateData.gylh}"
                (click)="onSelectType('gylh')">{{tabarData.gylh}}</span>
              <span *ngIf="tabarData.bsl && (code=='a20' || code=='y20' || code=='sk8' || code=='js8')"
                [ngClass]="{'active':showStateData.bsl}"
                (click)="onSelectType('bsl')">{{tabarData.bsl}}</span>
            </ion-col>
          </ion-row>
        </ion-grid>
        <ion-content style="height: 250px; background: #fff;">
          <ion-refresher slot="fixed" (ionRefresh)="refresh20($event);" style="z-index: 2; padding-top: 50px;">
            <ion-refresher-content></ion-refresher-content>
          </ion-refresher>
          <div class="lottery-content lottery-{{code}}">
            <ion-grid [ngClass]="{'res-nn':showStateData.nn}">
              <ion-row *ngFor="let item of listData">
                <ion-col class="lotter-date" size="3">
                  <div>{{item.cycleid}}</div>
                  <div>{{item.sdate}}</div>
                </ion-col>
                <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="code=='lhc' || code=='qlc' || code=='mlc' || code=='twd'">
                  <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain lhc-qlc"
                    [ngClass]="{'small-ball':item.balls.length>8}">
                    <div style="display: block;">
                      <i *ngFor="let itemSon of item.balls; let i=index;">
                        <span *ngIf="i==6" class="lhc-qlc-lot-default">+</span>
                        <span class="lhc-qlc-lot lhc-qlc-lot-{{itemSon}}">{{itemSon}}</span>
                      </i>
                    </div>
                    <div style="display: block;"><i *ngFor="let itemSon of item.gylh; let i=index;">
                        <span *ngIf="i==6">&nbsp;</span>
                        <span class="lhc-qlc-lot-default">{{itemSon}}</span>
                      </i></div>
                  </div>
                  <div *ngIf="showStateData.sum" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.sum" class="lhc-qlc-sum-num"
                      [ngClass]="{'lhc-qlc-sum-dd': itemSon |  replacestrdd,'lhc-qlc-sum-sx': itemSon |  replacestrsx,'lhc-qlc-sum-red': itemSon |  replacestrred,'lhc-qlc-sum-green': itemSon |  replacestrgreen,'lhc-qlc-sum-blue': itemSon |  replacestrblue,'lhc-qlc-num':itemSon | isnumber}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.tm && item.tm[0]!=49"
                    class="lottery-res-contain lottery-res-tm-contain lottery-res-contain-tm">
                    <i *ngFor="let itemSon of item.tm; let tm_i=index;">
                      <span class="lottery-ts-sx-dd lhc-qlc-lot-{{itemSon}}"
                        [ngClass]="{'lottery-dd': itemSon |  replacestrddOne,'lottery-sx': itemSon |  replacestrsxOne,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber)}">{{itemSon}}</span>
                    </i>
                  </div>
                  <div *ngIf="showStateData.tm && item.tm[0]==49"
                    class="lottery-res-contain lottery-res-tm-contain lottery-res-contain-tm">
                    <i *ngFor="let itemSon of item.tm; let tm_i=index;" [ngClass]="{'he-3':tm_i>3}">
                      <span class="lottery-ts-sx-dd  lhc-qlc-lot-{{itemSon}}" [ngClass]="{'lot-tshe':tm_i>3,'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),'lottery-ts-sx-dd-he':itemSon|replacestrhe}">{{itemSon}}</span>
                    </i>
                  </div>
                  <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
                    <span *ngFor="let itemSon of item.nn">
                      <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
                    </span>
                  </div>
                  <div *ngIf="showStateData.dx" class="lottery-res-contain ">
                    <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.ds" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
                  </div>
                </ion-col>
                <!-- 结果的显示 -->
                <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="code=='ssc'">
                  <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain ssc-ssc"
                    [ngClass]="{'small-ball':item.balls.length>8}">
                    <span *ngFor="let itemSon of item.balls" class="ssc-ssc-num ssc-ssc--{{itemSon}}"></span>
                  </div>
                  <div *ngIf="showStateData.sum" class="lottery-res-contain  lottery-res-contain-sum">
                    <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
                      'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
                    <span *ngFor="let itemSon of item.nn">
                      <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
                    </span>
                  </div>
                  <div *ngIf="showStateData.dx" class="lottery-res-contain ">
                    <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.ds" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.gylh" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
                  </div>
                </ion-col>
        
                <ion-col class="lotter-data lotter-data-right" size="9"
                  *ngIf="code=='ssn' || code=='xyssc' || code=='ssh' || code=='ss8' || code=='sgs' || code=='f3d' || code=='pl3' || code=='sjs' || code=='yjs'">
                  <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain ssn-ssh-f3d-pl3-sjs"
                    [ngClass]="{'small-ball':item.balls.length>8}">
                    <span *ngFor="let itemSon of item.balls" class="balls-contain ssn-ssh-f3d-pl3-sjs-num">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.sum" class="lottery-res-contain lottery-res-contain-sum">
                    <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
                    'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
                    <span *ngFor="let itemSon of item.nn">
                      <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
                    </span>
                  </div>
                  <div *ngIf="showStateData.dx" class="lottery-res-contain ">
                    <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.ds" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.gylh" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.zh" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.zh" class="lottery-sx-dd"
                    [ngClass]="{'lottery-dd': itemSon |  replaceZh,'lottery-sx': !(itemSon |  replaceZh)}">{{itemSon}}</span>
                  </div>
                </ion-col>
        
                <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="code=='s3s' || code=='js3' || code=='sg3'">
                  <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain s3s-s3s"
                    [ngClass]="{'small-ball':item.balls.length>8}">
                    <span *ngFor="let itemSon of item.balls" class="balls-contain s3s-s3s--{{itemSon}}"></span>
                  </div>
                  <div *ngIf="showStateData.sum" class="lottery-res-contain   lottery-res-contain-sum">
                    <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
                      'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber,'ts-tc':itemSon|replacesttc}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
                    <span *ngFor="let itemSon of item.nn">
                      <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
                    </span>
                  </div>
                  <div *ngIf="showStateData.dx" class="lottery-res-contain ">
                    <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.ds" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.gylh" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
                  </div>
                </ion-col>
        
                <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="code=='stj'  || code=='ssg' || code=='klsf' || code=='az8' || code=='yz8' || code=='s10'">
                  <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain stj-ssg"
                    [ngClass]="{'small-ball':item.balls.length>8}">
                    <span *ngFor="let itemSon of item.balls"
                      class="stj-ssg-num balls-contain stj_ssg--{{itemSon}}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.sum" class="lottery-res-contain  lottery-res-contain-sum">
                    <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
                      'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
                    <span *ngFor="let itemSon of item.nn">
                      <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
                    </span>
                  </div>
                  <div *ngIf="showStateData.dx" class="lottery-res-contain ">
                    <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.ds" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.gylh" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
                  </div>
                </ion-col>
        
                <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="code=='sgx'">
                  <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain sgx-sgx"
                    [ngClass]="{'small-ball':item.balls.length>8}">
                    <span *ngFor="let itemSon of item.balls" class="sgx-sgx-num sgx_sgx--{{itemSon}}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.sum" class="lottery-res-contain   lottery-res-contain-sum">
                    <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
                      'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
                    <span *ngFor="let itemSon of item.nn">
                      <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
                    </span>
                  </div>
                  <div *ngIf="showStateData.dx" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.ds" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.gylh" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
                  </div>
                </ion-col>

                <!-- 广东11选5 -->
                <ion-col class="lotter-data lotter-data-right" size="9"
                *ngIf="code=='sxg' || code=='jsg' || code=='sx5'">
                <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain"
                  [ngClass]="{'small-ball':item.balls.length>8}">
                  <div style="display: block;">
                    <span *ngFor="let itemSon of item.balls" class="lot-sxg">{{itemSon}}</span>
                  </div>
                </div>
                <div *ngIf="showStateData.sum" class="lottery-res-contain   lottery-res-contain-sum">
                  <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
                    [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
                    'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
                </div>
                <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
                  <span *ngFor="let itemSon of item.nn">
                    <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
                  </span>
                </div>
                <div *ngIf="showStateData.dx" class="lottery-res-contain ">
                  <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
                    [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-ts-sx-dd-he':itemSon | replacestrhe}">{{itemSon}}</span>
                </div>
                <div *ngIf="showStateData.ds" class="lottery-res-contain">
                  <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
                    [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-ts-sx-dd-he':itemSon | replacestrhe}">{{itemSon}}</span>
                </div>
                <div *ngIf="showStateData.gylh" class="lottery-res-contain">
                  <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
                </div>
              </ion-col>
              <!-- 澳洲幸运20|极速快乐8 -->
              <ion-col class="lotter-data lotter-data-right" size="9" *ngIf="code=='js8' || code=='a20' || code=='y20' || code=='sk8'">
                <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain"
                  [ngClass]="{'small-ball':item.balls.length>8}">
                  <div style="display: block;">
                    <span *ngFor="let itemSon of item.balls.slice(0,10);let i=index" class="lot-js8-a20 lot-js8-a20-{{itemSon}}">{{itemSon}}</span> <br/>
                    <span *ngFor="let itemSon of item.balls.slice(10);let i=index" class="lot-js8-a20 lot-js8-a20-{{itemSon}}">{{itemSon}}</span>
                  </div>
                </div>
                <div *ngIf="showStateData.sum" class="lottery-res-contain   lottery-res-contain-sum">
                  <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
                    [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
                  'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
                </div>
                <div *ngIf="showStateData.dx" class="lottery-res-contain">
                  <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
                    [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-ts-sx-dd-he':itemSon | replacestrhe}">{{itemSon}}</span>
                </div>
                <div *ngIf="showStateData.ds" class="lottery-res-contain">
                  <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
                    [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-ts-sx-dd-he':itemSon | replacestrhe}">{{itemSon}}</span>
                </div>
                <div *ngIf="showStateData.bsl" class="lottery-res-contain js8-a20-bsl">
                  <span *ngFor="let itemSon of item.bsl" class="{{fillerBsl(itemSon)}}">{{itemSon}}</span>
                </div>
              </ion-col>
                <!-- 默认的显示 -->
                <ion-col class="lotter-data lotter-data-right" size="9"
                  *ngIf="code!='lhc' && code!='mlc' && code!='twd' && code!='qlc' && code!='ssc' &&  code!='ssn' &&  code!='xyssc' && code!='ssh' && code!='ss8' && code!='sgs' && code!='f3d' && code!='pl3' && code!='sjs'&& code!='yjs'&&code!='s3s' && code!='js3' && code!='sg3' && code!='stj' &&  code!='sgx' && code!='ssg' && code!='klsf' && code!='az8' && code!='yz8' && code!='s10' && code!='sxg' && code!='jsg' && code!='sx5' && code!='js8' && code!='a20' && code!='y20' && code!='sk8'">  
                  <div *ngIf="showStateData.balls" class="lottery-res-contain balls-contain"
                    [ngClass]="{'small-ball':item.balls.length>8}">
                    <div style="display: block;">
                      <span *ngFor="let itemSon of item.balls" class="lot-{{itemSon | lotnum}} pk-num-font">{{itemSon}}</span>
                    </div>
                    <div *ngIf="showStateData.balls && showStateData.sum" style="display: block; text-align: left;">
                      <span *ngFor="let itemSon of item.sum" class="lot-pk-sum">{{itemSon}}</span>
                    </div>
                  </div>
                  <div *ngIf="showStateData.sum && !showStateData.balls" class="lottery-res-contain   lottery-res-contain-sum">
                    <span *ngFor="let itemSon of item.sum" class="lottery-ts-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-tslong-sx-dd':(itemSon |  strlen:2) && !(itemSon |  isnumber) ,'lottery-tslong-single-sx-dd': (itemSon |  strlen:[1,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-one': (itemSon |  strlen:[3,'==']) && (itemSon |  isnumber),'lottery-tslong-single-sx-dd-two': (itemSon |  strlen:[2,'==']) && (itemSon |  isnumber),
                      'lotter-sum-wei-d': itemSon | replaceWei,'lotter-sum-wei-x':itemSon | replaceWeiOne,'lotter-sum-dui':itemSon | replaceDui,'lotter-sum-za':itemSon | replaceZa,'lotter-sum-sz':itemSon | replaceSz,'lotter-sum-bsz':itemSon | replaceBs,'lotter-sum-bao':itemSon | replaceBao,'lottery-ts-sx-dd-he':itemSon | replacestrhe,'ts-number':itemSon | isnumber}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.nn" class="lottery-res-nn-contain">
                    <span *ngFor="let itemSon of item.nn">
                      <span>{{itemSon.name}}</span><br /><span>{{itemSon.val}}</span>
                    </span>
                  </div>
                  <div *ngIf="showStateData.dx" class="lottery-res-contain ">
                    <span *ngFor="let itemSon of item.dx" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-ts-sx-dd-he':itemSon | replacestrhe}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.ds" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.ds" class="lottery-sx-dd"
                      [ngClass]="{'lottery-dd': itemSon |  replacestrdd,'lottery-sx': itemSon |  replacestrsx,'lottery-ts-sx-dd-he':itemSon | replacestrhe}">{{itemSon}}</span>
                  </div>
                  <div *ngIf="showStateData.gylh" class="lottery-res-contain">
                    <span *ngFor="let itemSon of item.gylh">{{itemSon}}</span>
                  </div>
                </ion-col>
              </ion-row>
            </ion-grid>

            <div class="view-more-btn"><span (click)="loadMoreLotter();$event.stopPropagation">查看更多开奖结果</span></div>
          </div>
        </ion-content>
      </div>

    </div>

    <div class="res-contain" *ngIf="!isLotRes" [ngStyle]="{'height':resHeight}">
      <div class="res-item lot-first-item">
        <ion-item lines="none" style="contain: none !important;overflow: visible;">
          <div class="ion-float-left" style="width: 100%; padding-top: 10px; text-align: center;"></div>
          <div class="res-data-time ion-float-right res-data-time-one"></div>
        </ion-item>
      </div>
    </div>
    <div class="res-btn-div">
      <ion-button size="small" (click)="onClickMore()" style="height:20px; width: 60px; --background: #ff6565;">
        <ion-icon name="md-arrow-dropdown" style="margin-top: 10px" *ngIf="isClickMore"></ion-icon>
        <ion-icon name="md-arrow-dropup" style="margin-top: 10px" *ngIf="!isClickMore"></ion-icon>
      </ion-button>
      <div class="res-fun-change">
        <div class="res-fun-change-f">
          <ion-icon class="iconfont  ion-ios-icon-test" style="font-size: 24px"></ion-icon>&nbsp;<span>投注区</span>
        </div>
        <div class="res-fun-change-f"></div>
        <div class="res-fun-change-v" (click)="stopSound();">
          <ion-icon class="iconfont" style="font-size: 20px; margin-top: -4px;"></ion-icon>
        </div>
      </div>
    </div>
  </ion-list>



  <ion-grid class="lot-paly-padding">
    <ion-row>
      <ion-col size="3" class="lot-menu-left grid-left-col" no-padding>
        <!-- 玩法 -->
        <div class="lot-content-iPhoneX" [ngClass]="{'fastShowStateiPhoneX':fastShowState}"
          style="overflow: auto; background: #efefef;"
          [ngStyle]="{'height':clientHeight,'padding-bottom':!fast?'80px':(fastShowState?'60px':'30px')}">
          <ion-grid>
            <ion-row align-items-center class="lot-left-menu-row" *ngFor="let item of playMenu;let i=index"
              (click)="showLotData(item,i)">
              <ion-col size="12" [ngClass]="{'active':item.isActive}">
                <div style="color: #232323;" class="select-title" [ngClass]="{'fontSize12':item.title | strlen:7}">
                  {{item.title}}</div>
              </ion-col>
            </ion-row>
          </ion-grid>
        </div>
        <!-- 下注操作 -->
        <div class="lot-menu-button-contain" *ngIf="!fast">
          <div style="padding: 0 10px;">
            <span (click)="onBet()">下注({{selectLotNumber}})</span>
            <span (click)="onReset()">重置</span>
          </div>
        </div>

      </ion-col>
      <ion-col size="9" *ngIf="!isCl" no-padding class="lot-data-right grid-right-col">
        <div class="lot-content-iPhoneX" [ngClass]="{'fastShowStateiPhoneX':fastShowState}" style="overflow: auto;"
          [ngStyle]="{'height':clientHeight,'padding-bottom':!fast?'0px':(fastShowState?'70px':'60px')}">
          <!-- 左右滚动的tab形式备份
            <div appMyScroll class="lot-tabbar" id="lot-tabbar" *ngIf="code!='pks' && code!='pt8' && code!='pk8' && code!='pkt'">
            <ul>
              <li *ngFor="let item of tablebar; let i=index" [ngClass]="{'active':item.isActive}"
                (click)="showLotBar(item.lid,i)">
                {{item.name}}
              </li>
            </ul>
          </div> -->
          <div class="lot-mix-tabbar" *ngIf="(code!='pks' && code!='pka' && code!='yka' && code!='sg8' && code!='pt8' && code!='pk8' && code!='pkt' && code!='sjs' && code!='yjs' && code!='ss8' && code!='sgs' && code!='sgs' &&
          code!='ssn' &&  code!='xyssc' && code!='ssc' && code!='ssg' && code!='klsf' && code!='az8' && code!='yz8' && code!='s10' && code!='sgx' && code!='sxg' && code!='jsg' && code!='sx5') || playCode!='fast'">
            <ul>
              <li *ngFor="let item of tablebar; let i=index" [ngClass]="{'active':item.isActive}"
                (click)="showLotBar(item,i)">
                <span> {{item.name}}</span>
              </li>  
              <li *ngIf="playCode=='pl3_2dw' || playCode=='pl3_3dw' || playCode=='f3d_2dw' || playCode=='f3d_3dw'" class="f3d_special">
                <span style="background: transparent;">赔率:<span style="color: #ff4a4a; display: inline-block;background: transparent;">{{specialRateVal}}</span></span>
              </li>
            </ul>
          </div>
          <div class="lot-mix-tabbar"
            *ngIf="(code=='pks' && playCode=='fast') || (code=='pka' && playCode=='fast') || (code=='yka' && playCode=='fast') || (code=='sg8' && playCode=='fast') || (code=='pt8' && playCode=='fast') || (code=='pk8' && playCode=='fast') || (code=='pkt' && playCode=='fast') || (code=='sjs' && playCode=='fast') || (code=='yjs' && playCode=='fast') ||
          (code=='ss8' && playCode=='fast') || (code=='sgs' && playCode=='fast') ||  (code=='ssn' && playCode=='fast') || (code=='xyssc' && playCode=='fast') || (code=='ssc' && playCode=='fast') || (code=='ssg' && playCode=='fast') || (code=='klsf' && playCode=='fast') || (code=='az8' && playCode=='fast') || (code=='yz8' && playCode=='fast') || (code=='s10' && playCode=='fast') || (code=='sgx' && playCode=='fast') ||
          (code=='sxg' && playCode=='fast') || (code=='jsg' && playCode=='fast') || (code=='sx5' && playCode=='fast')">
            <ul>
              <li *ngFor="let item of tablebar; let i=index" class="lot-mix-tabbar-kj" id="lot-mix-tabbar-{{i}}"
                (click)="showMixLotBar(i)">
                <span> {{item}}</span>
              </li>
            </ul>
          </div>
          <!-- 文字：word    数字：num  带圈数字：circlenum  方框数字:boxnum  文字+带圈数字：wordcirclenum  文字+数字：wordnum -->
          <!-- 倍率 -->
          <div *ngIf="playCode!='fast'" class="lot-rate-contain">
            <div *ngFor="let item of lotNumData; let in = index;">
              <div (click)="foldName(in)" *ngIf="!(item.name | empty)" id="fold-div-{{in}}" class="fold-div">
                {{item.name}}&nbsp;&nbsp;<i class="iconfont ion-ios-down-trangle-copy"></i></div>
              <ion-grid id="fold-grid-{{in}}"
                *ngIf="
              (code=='qlc' && item.cls=='word') || (code=='qlc' && item.cls=='circlenum') || 
              (code=='lhc' && item.cls=='word') || (code=='lhc' && item.cls=='circlenum')|| 
              (code=='mlc' && item.cls=='word') || (code=='mlc' && item.cls=='circlenum')|| 
              (code=='twd' && item.cls=='word') || (code=='twd' && item.cls=='circlenum')|| 
              (code=='ssn' && item.cls=='word') || (code=='ssn' && item.cls=='num') ||  (code=='ssn' && item.cls=='circlenum') || 
              (code=='xyssc' && item.cls=='word') || (code=='xyssc' && item.cls=='num') ||  (code=='xyssc' && item.cls=='circlenum') || 
              (code=='ssh' && item.cls=='word') || (code=='ssh' && item.cls=='num') || (code=='ssh' && item.cls=='circlenum')|| 
              (code=='ss8' && item.cls=='word') || (code=='ss8' && item.cls=='num') || (code=='ss8' && item.cls=='circlenum') || 
              (code=='sgs' && item.cls=='word') || (code=='sgs' && item.cls=='num') || (code=='sgs' && item.cls=='circlenum') || 
              (code=='f3d' && item.cls=='word') || (code=='f3d' && item.cls=='circlenum') || (code=='f3d' && item.cls=='num') || 
              (code=='pl3' && item.cls=='word') || (code=='pl3' && item.cls=='circlenum') || (code=='pl3' && item.cls=='num') || 
              (code=='sjs' && item.cls=='word')  || (code=='sjs' && item.cls=='circlenum') || (code=='sjs' && item.cls=='num') || 
              (code=='yjs' && item.cls=='word')  || (code=='yjs' && item.cls=='circlenum') || (code=='yjs' && item.cls=='num') || 
              (code=='sxg' && item.cls=='word')  || (code=='sxg' && item.cls=='circlenum') || (code=='sxg' && item.cls=='num') || 
              (code=='jsg' && item.cls=='word')  || (code=='jsg' && item.cls=='circlenum') || (code=='jsg' && item.cls=='num') || 
              (code=='sx5' && item.cls=='word')  || (code=='sx5' && item.cls=='circlenum') || (code=='sx5' && item.cls=='num') || 
              (code=='sgx' && item.cls=='word') || (code=='sgx' && item.cls=='boxnum') ||  (code=='sgx' && item.cls=='num') || 
              (code=='ssg' && item.cls=='word') || (code=='ssg' && item.cls=='boxnum') || (code=='ssg' && item.cls=='num')  || 
              (code=='klsf' && item.cls=='word') || (code=='klsf' && item.cls=='boxnum') || (code=='klsf' && item.cls=='num')  || 
              (code=='az8' && item.cls=='word') || (code=='az8' && item.cls=='boxnum') || (code=='az8' && item.cls=='num')  || 
              (code=='yz8' && item.cls=='word') || (code=='yz8' && item.cls=='boxnum') || (code=='yz8' && item.cls=='num')  || 
              (code=='s10' && item.cls=='word') || (code=='s10' && item.cls=='boxnum') || (code=='s10' && item.cls=='num')  || 
              (code=='stj' && item.cls=='word') || (code=='stj' && item.cls=='boxnum') || (code=='stj' && item.cls=='num') ||  
              (code=='s3s' && item.cls=='word') || (code=='s3s' && item.cls=='circlenum') || (code=='s3s' && item.cls=='num')  || 
              (code=='js3' && item.cls=='word') || (code=='js3' && item.cls=='circlenum') || (code=='js3' && item.cls=='num')  || 
              (code=='sg3' && item.cls=='word') || (code=='sg3' && item.cls=='circlenum') || (code=='sg3' && item.cls=='num')  || 
              (code=='ssc' && item.cls=='word') || (code=='ssc' && item.cls=='boxnum') || (code=='ssc' && item.cls=='num') ||  (code=='ssc' && item.cls=='circlenum')||  
              (code=='pk8' && item.cls=='word' && playCode!='pk8_hs') || (code=='pk8' && item.cls=='boxnum' && playCode!='pk8_hs') || (code=='pk8' && item.cls=='num' && playCode!='pk8_hs') ||  (code=='pk8' && item.cls=='circlenum' && playCode!='pk8_hs') || 
              (code=='pt8' && item.cls=='word' && playCode!='pt8_hs') || (code=='pt8' && item.cls=='boxnum'  && playCode!='pt8_hs') || (code=='pt8' && item.cls=='num'  && playCode!='pt8_hs') ||  (code=='pt8' && item.cls=='circlenum'  && playCode!='pt8_hs')||  
              (code=='pks' && item.cls=='word' && playCode!='pks_hs') || (code=='pks' && item.cls=='boxnum' && playCode!='pks_hs') || (code=='pks' && item.cls=='num' && playCode!='pks_hs') ||  (code=='pks' && item.cls=='circlenum' && playCode!='pks_hs')|| 
              (code=='pka' && item.cls=='word' && playCode!='pka_hs') || (code=='pka' && item.cls=='boxnum' && playCode!='pka_hs') || (code=='pka' && item.cls=='num' && playCode!='pka_hs') ||  (code=='pka' && item.cls=='circlenum' && playCode!='pka_hs')|| 
              (code=='yka' && item.cls=='word' && playCode!='yka_hs') || (code=='yka' && item.cls=='boxnum' && playCode!='yka_hs') || (code=='yka' && item.cls=='num' && playCode!='yka_hs') ||  (code=='yka' && item.cls=='circlenum' && playCode!='yka_hs')|| 
              (code=='pkt' && item.cls=='word' && playCode!='pkt_hs') || (code=='pkt' && item.cls=='boxnum' && playCode!='pkt_hs') || (code=='pkt' && item.cls=='num' && playCode!='pkt_hs') ||  (code=='pkt' && item.cls=='circlenum' && playCode!='pkt_hs') ||
              (code=='sg8' && item.cls=='word' && playCode!='sg8_hs') || (code=='sg8' && item.cls=='boxnum' && playCode!='sg8_hs') || (code=='sg8' && item.cls=='num' && playCode!='sg8_hs') ||  (code=='sg8' && item.cls=='circlenum' && playCode!='sg8_hs') "
                class="{{item.cls}}">

                <div *ngIf="(code=='lhc' && playCode=='lhc_slx')  || (code=='qlc' && playCode=='qlc_slx') || (code=='mlc' && playCode=='mlc_slx') || (code=='twd' && playCode=='twd_slx')"
                  class="ts-lotrate">
                  <div>自选不中<span>赔率：{{specialRateVal}}</span></div>
                </div>
                <div *ngIf="((code=='f3d' && playCode=='f3d_zs3') ||  (code=='pl3' && playCode=='pl3_zs3')) && in==0"
                  class="ts-lotrate">
                  <div>组选三<span>赔率：{{specialRateVal}}</span></div>
                </div>
                <div *ngIf="((code=='f3d' && playCode=='f3d_zs6') || (code=='pl3' && playCode=='pl3_zs6')) && in==0"
                  class="ts-lotrate">
                  <div>组选六<span>赔率：{{specialRateVal}}</span></div>
                </div>
                <div *ngIf="(code=='s3s' && playCode=='s3s_zs3' && in==0) || (code=='js3' && playCode=='js3_zs3' && in==0) || (code=='sg3' && playCode=='sg3_zs3' && in==0)" class="ts-lotrate">
                  <div>红码组合<span>赔率：{{specialRateVal}}</span></div>
                </div>
                <div *ngIf="(code=='s3s' && playCode=='s3s_zs6' && in==0) || (code=='js3' && playCode=='js3_zs6' && in==0) || (code=='sg3' && playCode=='sg3_zs6' && in==0)" class="ts-lotrate">
                  <div>黑码组合<span>赔率：{{specialRateVal}}</span></div>
                </div>
                <ion-row align-items-center
                  [ngClass]="{'ts-zx': (playCode=='lhc_slx' || playCode=='mlc_slx' || playCode=='twd_slx' || playCode=='qlc_slx' ||  playCode=='f3d_zs3' || playCode=='f3d_zs6' || playCode=='pl3_zs3' || playCode=='pl3_zs6' || playCode=='s3s_zs3' || playCode=='s3s_zs6' || playCode=='js3_zs3' || playCode=='js3_zs6' || playCode=='sg3_zs3' || playCode=='sg3_zs6')}"
                  *ngIf="playCode!='qlc_zmlm' && playCode!='lhc_zmlm' && playCode!='mlc_zmlm' && playCode!='twd_zmlm' && playCode!='ssg_rx' && playCode!='sxg_rx' && playCode!='jsg_rx' && playCode!='sx5_rx' && playCode!='klsf_rx' && playCode!='az8_rx' && playCode!='yz8_rx' && playCode!='s10_rx' && playCode!='qlc_ddb' && playCode!='lhc_ddb' && playCode!='mlc_ddb' && playCode!='twd_ddb' && playCode!='stj_rx' && playCode!='f3d_2dw' && playCode!='f3d_3dw' && playCode!='pl3_2dw' && playCode!='pl3_3dw' && playCode!='ss8_zs3' && playCode!='sgs_zs3'">
                  <ion-col size="6" *ngFor="let item2 of item.list; let i=index;" data-id="lot-id-{{fillerItemId(item2.item_id)}}"
                    class="lot-select-col"
                    (click)="(playCode=='lhc_slx' || playCode=='mlc_slx' || playCode=='twd_slx' || playCode=='qlc_slx')?selectSpecialLotCol(item2.item_id,'slx',playCode=='lhc_slx'?'lhc':(playCode=='qlc_slx'?'qlc':(playCode=='mlc_slx'?'mlc':'twd'))):((playCode=='f3d_zs3' || playCode=='f3d_zs6' || playCode=='pl3_zs3' || playCode=='pl3_zs6')?selectSpecialLotCol(item2.item_id,'f3d_zs3',playCode):
                    ((playCode=='s3s_zs3' || playCode=='s3s_zs6' || playCode=='js3_zs3' || playCode=='js3_zs6' || playCode=='sg3_zs3' || playCode=='sg3_zs6')?selectSpecialLotCol(item2.item_id,'s3s_zs3_zs6',playCode):selectLotCol(item2.item_id)))">
                    <span class="lot-select-val"
                      data-id='{"id":"{{item2.item_id}}","name":"{{item2.showname}}","pname":"{{item.name}}","balls":"{{item2.balls}}","rate":"{{item2.num}}","cash":"0"}'></span>
                    <!-- code=='lhc' 六合彩|| code=='qlc'极数六合 -->
                    <ion-label *ngIf="code=='qlc' || code=='lhc' || code=='mlc' || code=='twd'" class="showname circlenum-{{item2.showname}}"
                      [ngClass]="{'circlenum-num': (item2.showname|isnumber),'fontSize12':item2.showname | strlen:5 }">
                      {{item2.showname}}
                    </ion-label>
                    <!-- code=='ssn'新疆时时彩 || code=='xyssc'新运时时彩 || code=='ssh' 天津时时彩|| code=='ss8'极速时时彩 || code=='f3d'福彩3D || code=='pl3' 体彩p3|| code=='sjs'澳洲幸运5 -->
                    <ion-label *ngIf="code=='ssn' || code=='xyssc' || code=='ssh' || (code=='ss8' && playCode!='ss8_zs3') || (code=='sgs' && playCode!='sgs_zs3') || code=='sjs' || code=='yjs'"
                      class="showname"
                      [ngClass]="{'circlenum-num': (item2.showname|isnumber),'fontSize12':item2.showname | strlen:5 }">
                      {{item2.showname}}
                    </ion-label>
                    <ion-label
                      *ngIf="(code=='f3d' && item2.num && playCode!='f3d_zs3' && playCode!='f3d_zs6') || (code=='pl3' && item2.num && playCode!='pl3_zs3' && playCode!='pl3_zs6')"
                      class="showname" [ngClass]="{'fontSize12':item2.showname | strlen:5}">
                      {{item2.showname}}
                    </ion-label>
                    <ion-label
                      *ngIf="(code=='f3d' && !item2.num && playCode!='f3d_zs3' && playCode!='f3d_zs6') || (code=='pl3' && !item2.num && playCode!='pl3_zs3' && playCode!='pl3_zs6')"
                      class="showname"
                      [ngClass]="{'circlenum-num': (item2.showname|isnumber) ,'fontSize12':item2.showname | strlen:5}">
                      {{item2.showname}}
                    </ion-label>
                    <ion-label
                      *ngIf="(code=='f3d' || code=='pl3')  && (playCode=='f3d_zs3' || playCode=='f3d_zs6' || playCode=='pl3_zs3' || playCode=='pl3_zs6')"
                      class="showname" [ngClass]="{'circlenum-num': (item2.showname|isnumber)}">
                      {{item2.showname}}
                    </ion-label>
                    <!-- code=='sgx' 广西快乐十分|| code=='ssg' 广东快乐十分 code='klsf' 极速快乐十分 -->
                    <ion-label *ngIf="code=='sgx'" class="showname circlenum-one-{{item2.showname}}"
                      [ngClass]="{'circlenum-num': (item2.showname|isnumber) ,'fontSize12':item2.showname | strlen:5}">
                      {{item2.showname}}
                    </ion-label>
                    <!-- code=='stj'  天津快乐十分 -->
                    <ion-label *ngIf="code=='stj'  || code=='ssg' || code=='klsf' || code=='az8' || code=='yz8' || code=='s10'" class="showname circlenum-two-{{item2.showname}}"
                      [ngClass]="{'circlenum-num-one': (item2.showname|isnumber) ,'fontSize12':item2.showname | strlen:5}">
                      {{item2.showname}}
                    </ion-label>
                    <!-- code=='ssc'  重庆快乐生肖 -->
                    <ion-label
                      *ngIf="code=='ssc' && (playCode=='ssc_1zh' || playCode=='ssc_zs3' || playCode=='ssc_zs6' || playCode=='ssc_kd' || playCode=='ssc_zp')"
                      class="showname showname-ssc-{{item2.showname}}"
                      [ngClass]="{'showname-ssc-num': (item2.showname|isnumber) }">
                      <span *ngIf="!(item2.showname|isnumber)">{{item2.showname}}</span>
                    </ion-label>
                    <ion-label
                      *ngIf="code=='ssc' && playCode!='ssc_1zh' && playCode!='ssc_zs3' && playCode!='ssc_zs6' && playCode!='ssc_kd' && playCode!='ssc_zp'"
                      class="showname">
                      {{item2.showname}}
                    </ion-label>
                    <!-- code=='pk8' 极速赛车 || code=='pt8'极速飞艇 || code=='pks'北京pk10 || code=='pka'澳洲幸运10 || code=='yka'英国乐透10 || code =='pkt'幸运飞艇  || code=='sg8' SG飞艇 -->
                    <ion-label *ngIf="code=='pk8' || code=='pks' || code=='pka' || code=='yka' ||  code=='pkt' || code=='pt8' || code=='sg8'"
                      class="showname lot-{{item2.showname | lotnum}}"
                      [ngClass]="{'showname-lot-num': (item2.showname|isnumber) ,'fontSize12':item2.showname | strlen:5}">
                      {{item2.showname}}
                    </ion-label>
                    <!-- code=='s3s'  江苏快3   code=='js3'极速快3 -->
                    <ion-label *ngIf="(code=='s3s' && playCode=='s3s_qt') || (code=='js3' && playCode=='js3_qt') || (code=='sg3' && playCode=='sg3_qt')" class="showname">
                      <span *ngFor="let itemImg of item2.ballsArr;let tempI=index;">
                        <img width="20px" height="20px" *ngIf="itemImg!='*'"
                          style="margin-top: 20px; margin-right: 2px;" src="assets/img/sai0{{itemImg}}.png" />
                        <span *ngIf="itemImg=='*' && tempI==0"> {{item2.showname}}</span>
                      </span>
                    </ion-label>
                    <ion-label *ngIf="(code=='s3s' && (playCode=='s3s_zs6' || playCode=='s3s_zs3')) || (code=='js3' && (playCode=='js3_zs6' || playCode=='js3_zs3')) || (code=='sg3' && (playCode=='sg3_zs6' || playCode=='sg3_zs3'))" class="showname">
                      <img width="20px" height="20px" style="margin-top: 20px; margin-right: 2px;"
                        src="assets/img/sai0{{item2.showname | lotnum}}.png" />
                    </ion-label>
                    <ion-label *ngIf="(code=='s3s' && playCode=='s3s_hs') || (code=='js3' && playCode=='js3_hs') || (code=='sg3' && playCode=='sg3_hs')" 
                      [ngClass]="{'fontSize12':item2.showname | strlen:5}" class="showname"> {{item2.showname}}
                    </ion-label>
                    <!-- code=='sxg' 广东11选5 -->
                    <ion-label *ngIf="code=='sxg' || code=='jsg' || code=='sx5'" class="showname"
                      [ngClass]="{'circlenum-num': (item2.showname|isnumber),'fontSize12':item2.showname | strlen:4 }">
                      {{item2.showname}}
                    </ion-label>
                    <!-- 显示的倍率 -->
                    <span class="lot-span-num"
                      *ngIf="!(item2.num | empty) && !disableBet && playCode!='lhc_slx' && playCode!='mlc_slx' && playCode!='twd_slx' && playCode!='qlc_slx' && playCode!='qlc_zmlm' && playCode!='lhc_zmlm' && playCode!='mlc_zmlm' && playCode!='twd_zmlm'">{{item2.num}}</span>
                    <span class="lot-span-num"
                      *ngIf="!(item2.num | empty) && disableBet  && playCode!='lhc_slx' && playCode!='mlc_slx' && playCode!='twd_slx' && playCode!='qlc_slx' && playCode!='qlc_zmlm' && playCode!='lhc_zmlm' && playCode!='mlc_zmlm' && playCode!='twd_zmlm'">--</span>
                  </ion-col>
                </ion-row>
                <!-- 六合彩,极速六合,广东快乐十分的连码,广东11选5start -->
                <ion-row align-items-center
                  *ngIf="(playCode=='qlc_zmlm' || playCode=='lhc_zmlm' || playCode=='mlc_zmlm' || playCode=='twd_zmlm' || playCode=='ssg_rx' || playCode=='sxg_rx' || playCode=='jsg_rx' || playCode=='sx5_rx' || playCode=='klsf_rx' || playCode=='az8_rx' || playCode=='yz8_rx' || playCode=='s10_rx' || playCode=='stj_rx') && in==0"
                  class="zmlm">
                  <ion-col *ngFor="let item2 of item.list; let i=index;"
                    [size]="(i<2 && playCode!='ssg_rx' && playCode!='sxg_rx' && playCode!='jsg_rx' && playCode!='sx5_rx' && playCode!='klsf_rx' && playCode!='az8_rx' && playCode!='yz8_rx' && playCode!='s10_rx' && playCode!='stj_rx')?12:6" class="lot-select-col zmlm-type"
                    [ngClass]="{'lot-select-zmlm-col-active':i==0}" (click)="selectSpecialZmlmTypeLotCol(item2,i)">
                    <ion-label *ngIf="i<2 && playCode!='ssg_rx' && playCode!='sxg_rx' && playCode!='jsg_rx' && playCode!='sx5_rx' && playCode!='klsf_rx' && playCode!='az8_rx' && playCode!='yz8_rx' && playCode!='s10_rx' && playCode!='stj_rx'">{{item2.showname}} <span
                        [innerHTML]="item2.rate | html" class="zmlm-span"></span></ion-label>
                    <ion-label *ngIf="i>=2  && playCode!='ssg_rx' && playCode!='sxg_rx' && playCode!='jsg_rx' && playCode!='sx5_rx' && playCode!='klsf_rx' && playCode!='az8_rx' && playCode!='yz8_rx' && playCode!='s10_rx' && playCode!='stj_rx'">{{item2.showname}}<span
                        class="zmlm-span"><span>{{item2.num}}</span></span></ion-label>
                    <ion-label *ngIf="playCode=='ssg_rx' || playCode=='sxg_rx' || playCode=='jsg_rx' || playCode=='sx5_rx' || playCode=='klsf_rx' || playCode=='az8_rx' || playCode=='yz8_rx' || playCode=='s10_rx' || playCode=='stj_rx'">{{item2.showname}}<span
                        class="zmlm-span"><span>{{item2.num}}</span></span></ion-label>
                  </ion-col>
                </ion-row>
                <ion-row align-items-center
                  *ngIf="(playCode=='qlc_zmlm' || playCode=='lhc_zmlm' || playCode=='mlc_zmlm' || playCode=='twd_zmlm' || playCode=='ssg_rx' || playCode=='sxg_rx' || playCode=='jsg_rx' || playCode=='sx5_rx' || playCode=='klsf_rx' || playCode=='az8_rx' || playCode=='yz8_rx' || playCode=='s10_rx' || playCode=='stj_rx') && in!=0"
                  class="zmlm">
                  <ion-col size="6" *ngFor="let item2 of item.list; let i=index;" data-id="lot-id-{{fillerItemId(item2.item_id)}}"
                    class="lot-select-col"
                    (click)="(playCode=='qlc_zmlm' || playCode=='lhc_zmlm' || playCode=='mlc_zmlm' || playCode=='twd_zmlm')?selectSpecialZmlmLotCol(item2.item_id,'zmlm'):selectSpecialZmlmLotCol(item2.item_id)">
                    <span class="lot-select-val"
                      data-id='{"id":"{{item2.item_id}}","name":"{{item2.showname}}","pname":"{{item.name}}","balls":"{{item2.balls}}","rate":"{{item2.num}}","cash":"0"}'></span>
                    <ion-label *ngIf="code!='ssg' && code!='klsf' && code!='az8' && code!='yz8' && code!='s10' && code!='sxg' && code!='jsg' && code!='sx5'" class="showname circlenum-{{item2.showname}}"
                      [ngClass]="{'circlenum-num': (item2.showname|isnumber),'fontSize12':item2.showname | strlen:5 }">
                      {{item2.showname}}
                    </ion-label>
                    <ion-label *ngIf="code=='sxg' || code=='jsg' || code=='sx5'" class="showname"
                    [ngClass]="{'circlenum-num': (item2.showname|isnumber),'fontSize12':item2.showname | strlen:5 }">
                    {{item2.showname}}
                  </ion-label>
                    <ion-label *ngIf="code=='ssg' || code=='klsf' || code=='az8' || code=='yz8' || code=='s10'" class="showname circlenum-two-{{item2.showname}}"
                      [ngClass]="{'circlenum-num-one': (item2.showname|isnumber) ,'fontSize12':item2.showname | strlen:5}">
                      {{item2.showname}}
                    </ion-label>
                  </ion-col>
                </ion-row>
                <!-- 六合彩,极速六合,广东快乐十分的连码end -->
                <!-- 极速时时彩的组三start -->
                <ion-row align-items-center *ngIf="(playCode=='ss8_zs3' || playCode=='sgs_zs3') && in==0" class="zmlm">
                  <ion-col *ngFor="let item2 of item.list; let i=index;" [size]="6" class="lot-select-col zmlm-type"
                    [ngClass]="{'lot-select-zmlm-col-active':i==0}" (click)="selectSpecialZmlmTypeLotCol(item2,i)">
                    <ion-label>{{item2.showname}}<span class="zmlm-span">
                        <span *ngIf="specialZmlmTypeLotColLock==i">{{specialRateVal}}</span>
                        <span *ngIf="specialZmlmTypeLotColLock!=i">--</span>
                      </span></ion-label>
                  </ion-col>
                </ion-row>
                <ion-row align-items-center *ngIf="(playCode=='ss8_zs3' || playCode=='sgs_zs3') && in!=0" class="zmlm">
                  <ion-col size="6" *ngFor="let item2 of item.list; let i=index;" data-id="lot-id-{{fillerItemId(item2.item_id)}}"
                    class="lot-select-col" (click)="selectSpecialLotCol(item2.item_id,'ss8_zs3')">
                    <span class="lot-select-val"
                      data-id='{"id":"{{item2.item_id}}","name":"{{item2.showname}}","pname":"{{item.name}}","balls":"{{item2.balls}}","rate":"{{item2.num}}","cash":"0"}'></span>
                    <ion-label class="showname"
                      [ngClass]="{'circlenum-num': (item2.showname|isnumber),'fontSize12':item2.showname | strlen:5 }">
                      {{item2.showname}}
                    </ion-label>
                  </ion-col>
                </ion-row>
                <!-- 极速时时彩的组三end -->
                <!-- 福彩3d start -->
                <ion-row id="lot-section-{{in}}" align-items-center
                  *ngIf="playCode=='f3d_2dw' || playCode=='f3d_3dw' || playCode=='pl3_2dw'|| playCode=='pl3_3dw'">
                  <ion-col size="6" class="lot-select-col" data-id="lot-id-{{fillerItemId(item2.item_id)}}"
                    *ngFor="let item2 of item.list; let i=index;" (click)="selectF3dLotCol(item2.item_id,playCode)">
                    <span class="lot-select-val" data-id='{"name":{{item2.showname}}}' [attr.data-balls]="item2.balls_type+'_'+item2.showname"></span>
                    <ion-label *ngIf="(code=='f3d' && !item2.num) || (code=='pl3' && !item2.num)" class="showname"
                      [ngClass]="{'circlenum-num': (item2.showname|isnumber) ,'fontSize12':item2.showname | strlen:5}">
                      {{item2.showname}}
                    </ion-label>
                  </ion-col>
                </ion-row>
                <!-- 福彩3d end -->
              </ion-grid>
              <!-- 特殊冠亚合 -->
              <ion-grid id="fold-grid-{{in}}"
                *ngIf="(code=='pkt' && item.cls=='word' && playCode=='pkt_hs') || (code=='pkt' && item.cls=='boxnum' && playCode=='pkt_hs') || (code=='pkt' && item.cls=='num' && playCode=='pkt_hs') ||  (code=='pkt' && item.cls=='circlenum' && playCode=='pkt_hs') ||
              (code=='pt8' && item.cls=='word' && playCode=='pt8_hs') || (code=='pt8' && item.cls=='boxnum'  && playCode=='pt8_hs') || (code=='pt8' && item.cls=='num'  && playCode=='pt8_hs') ||  (code=='pt8' && item.cls=='circlenum'  && playCode=='pt8_hs') ||
              (code=='pk8' && item.cls=='word' && playCode=='pk8_hs') || (code=='pk8' && item.cls=='boxnum' && playCode=='pk8_hs') || (code=='pk8' && item.cls=='num' && playCode=='pk8_hs') ||  (code=='pk8' && item.cls=='circlenum' && playCode=='pk8_hs')||
              (code=='pks' && item.cls=='word' && playCode=='pks_hs') || (code=='pks' && item.cls=='boxnum' && playCode=='pks_hs') || (code=='pks' && item.cls=='num' && playCode=='pks_hs') ||  (code=='pks' && item.cls=='circlenum' && playCode=='pks_hs') ||
              (code=='pka' && item.cls=='word' && playCode=='pka_hs') || (code=='pka' && item.cls=='boxnum' && playCode=='pka_hs') || (code=='pka' && item.cls=='num' && playCode=='pka_hs') ||  (code=='pka' && item.cls=='circlenum' && playCode=='pka_hs') ||
              (code=='yka' && item.cls=='word' && playCode=='yka_hs') || (code=='yka' && item.cls=='boxnum' && playCode=='yka_hs') || (code=='yka' && item.cls=='num' && playCode=='yka_hs') ||  (code=='yka' && item.cls=='circlenum' && playCode=='yka_hs') ||
              (code=='sg8' && item.cls=='word' && playCode=='sg8_hs') || (code=='sg8' && item.cls=='boxnum' && playCode=='sg8_hs') || (code=='sg8' && item.cls=='num' && playCode=='sg8_hs') ||  (code=='sg8' && item.cls=='circlenum' && playCode=='sg8_hs')"
                class="ts-gyh">
                <ion-row align-items-center>
                  <ion-col [size]="(item2.showname | isnumber)?4:6" *ngFor="let item2 of item.list; let i=index;"
                    data-id="lot-id-{{fillerItemId(item2.item_id)}}" class="lot-select-col" (click)="selectLotCol(item2.item_id)">
                    <div *ngIf="!(item2.showname | isnumber)" class="ts-gyh-div">
                      <span class="lot-select-val"
                        data-id='{"id":"{{item2.item_id}}","name":"{{item2.showname}}","pname":"{{item.name}}","balls":"{{item2.balls}}","rate":"{{item2.num}}","cash":"0"}'></span>
                      <ion-label class="showname" [ngClass]="{'fontSize12':item2.showname | strlen:5}">
                        {{item2.showname}}
                      </ion-label>
                      <span class="lot-span-num" *ngIf="!(item2.num | empty) && !disableBet">{{item2.num}}</span>
                      <span class="lot-span-num" *ngIf="!(item2.num | empty) && disableBet">--</span>
                    </div>
                    <div *ngIf="(item2.showname | isnumber)" class="ts-gyh-div">
                      <span class="lot-select-val"
                        data-id='{"id":"{{item2.item_id}}","name":"{{item2.showname}}","pname":"{{item.name}}","balls":"{{item2.balls}}","rate":"{{item2.num}}","cash":"0"}'></span>
                      <p class="showname" [ngClass]="{'fontSize12':item2.showname | strlen:5}">{{item2.showname}}</p>
                      <p class="lot-span-num" *ngIf="!(item2.num | empty) && !disableBet">{{item2.num}}</p>
                      <p class="lot-span-num" *ngIf="!(item2.num | empty) && disableBet">--</p>
                    </div>
                  </ion-col>
                </ion-row>
              </ion-grid>
              <!-- 默认的非wordcirclenum和wordnum显示 -->
              <ion-grid id="fold-grid-{{in}}"
                *ngIf="code!='qlc'&&code!='lhc'&&code!='mlc'&&code!='twd'&&code!='ssn' &&code!='xyssc' &&code!='ssh' &&code!='ss8' &&code!='sgs'  &&code!='f3d'&&code!='pl3'&&code!='sjs' &&code!='yjs' && code!='sgx'&&code!='ssg' && code!='klsf' &&code!='az8' &&code!='yz8' &&code!='s10' &&code!='stj' &&code!='s3s' && code!='js3' && code!='sg3' &&code!='ssc'&& code!='pk8' &&code!='pt8'&& code!='pks' && code!='pka' && code!='yka' && code!='sg8' && code!='pkt' && code!='sxg' && code!='jsg' && code!='sx5' && item.cls!='wordcirclenum' && item.cls!='wordnum'"
                class="{{item.cls}}">
                <ion-row align-items-center>
                  <ion-col size="6" *ngFor="let item2 of item.list; let i=index;" data-id="lot-id-{{fillerItemId(item2.item_id)}}"
                    class="lot-select-col" (click)="selectLotCol(item2.item_id)">
                    <span class="lot-select-val"
                      data-id='{"id":"{{item2.item_id}}","name":"{{item2.showname}}","pname":"{{item.name}}","balls":"{{item2.balls}}","rate":"{{item2.num}}","cash":"0"}'></span>
                    <ion-label class="showname" [ngClass]="{'fontSize12':item2.showname | strlen:5}">{{item2.showname}}
                    </ion-label>
                    <span class="lot-span-num" *ngIf="!(item2.num | empty) && !disableBet">{{item2.num}}</span>
                    <span class="lot-span-num" *ngIf="!(item2.num | empty) && disableBet">--</span>
                  </ion-col>
                </ion-row>
              </ion-grid>
              <!-- 文字圆框wordcirclenum，文字数字wordnum -->
              <ion-grid id="fold-grid-{{in}}" *ngIf="item.cls=='wordcirclenum' || item.cls=='wordnum'"
                class="{{item.cls}}">
                <div *ngIf="code!='lhc' && code!='qlc' && code!='mlc' && code!='twd'">
                  <ion-row align-items-center>
                    <div *ngFor="let item2 of item.list" class="worder-mix lot-select-col"
                      data-id="lot-id-{{fillerItemId(item2.item_id)}}" (click)="selectLotCol(item2.item_id)">
                      <span class="lot-select-val"
                        data-id='{"id":"{{item2.item_id}}","name":"{{item2.showname}}","pname":"{{item.name}}","balls":"{{item2.balls}}","rate":"{{item2.num}}","cash":"0"}'></span>
                      <div class="ion-float-left type-left">
                        <span class="show-name"
                          [ngClass]="{'fontSize12':item2.showname | strlen:5}">{{item2.showname}}</span>
                        <span class="show-name-num" *ngIf="!(item2.num | empty) && !disableBet">{{item2.num}}</span>
                        <span class="lot-span-num" *ngIf="!(item2.num | empty) && disableBet">--</span>
                        <!-- <span class="show-name-num" *ngIf="!item2.num">--</span> -->
                        <span style="position: absolute; right: -4px; top: 4px;">
                          <span
                            style="position: absolute; right: 0px; border: 6px solid #E8E9EC; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent;"></span>
                          <span
                            style="position: absolute; right: 3px; top: 2px; z-index: 100; border: 4px solid #fff; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent;"></span>
                        </span>
                      </div>
                      <div class="ion-float-left type-right"
                        [ngClass]="{'num-circlenum':item.cls=='wordcirclenum','num-word':item.cls=='wordnum'}">
                        <span *ngFor="let item3 of item2.shownum"
                          [ngClass]="{'other-num-arr':item3|isnumber,'other-num-err':!(item3|isnumber)}">
                          {{item3}}
                        </span>
                      </div>
                    </div>
                  </ion-row>
                </div>

                <div *ngIf="(code=='lhc' &&  playCode=='lhc_sxd') || (code=='mlc' &&  playCode=='mlc_sxd') || (code=='twd' &&  playCode=='twd_sxd') || (code=='qlc' && playCode=='qlc_sxd')"
                  class="ts-lotrate">
                  <div>合肖<span>赔率：{{specialRateVal}}</span></div>
                </div>

                <!-- 极速六合彩，六合彩 -->
                <div *ngIf="code=='lhc' || code=='mlc' || code=='twd' || code=='qlc'">
                  <!-- 六合彩中色波 -->
                  <ion-row align-items-center
                    *ngIf="(playCode=='lhc_sb' || playCode=='qlc_sb' || playCode=='mlc_sb' || playCode=='twd_sb') &&  playCode!='lhc_sxd' && playCode!='mlc_sxd' && playCode!='twd_sxd' && playCode!='qlc_sxd'">
                    <ion-col size="6" *ngFor="let item2 of item.list; let i=index;" data-id="lot-id-{{fillerItemId(item2.item_id)}}"
                      class="lot-select-col" (click)="selectLotCol(item2.item_id)">
                      <span class="lot-select-val"
                        data-id='{"id":"{{item2.item_id}}","name":"{{item2.showname}}","pname":"{{item.name}}","balls":"{{item2.balls}}","rate":"{{item2.num}}","cash":"0"}'></span>
                      <ion-label class="showname" [ngClass]="{'fontSize12':item2.showname | strlen:5}">
                        {{item2.showname}}
                      </ion-label>
                      <span class="lot-span-num" *ngIf="!(item2.num | empty) && !disableBet">{{item2.num}}</span>
                      <span class="lot-span-num" *ngIf="!(item2.num | empty) && disableBet">--</span>
                    </ion-col>
                  </ion-row>

                  <!-- 合肖的样式处理 -->
                  <ion-row align-items-center *ngIf="playCode=='lhc_sxd' || playCode=='mlc_sxd' || playCode=='twd_sxd' || playCode=='qlc_sxd'" class="ts-zx">
                    <div *ngFor="let item2 of item.list | shiftarr; let i=index;" class="worder-mix lot-select-col"
                      data-id="lot-id-{{fillerItemId(item2.item_id)}}"
                      (click)="selectSpecialLotCol(item2.item_id,'sxd',playCode=='lhc_sxd'?'lhc':(playCode=='qlc_sxd'?'qlc':(playCode=='mlc_sxd'?'mlc':'twd')))">
                      <span class="lot-select-val"
                        data-id='{"id":"{{item2.item_id}}","name":"{{item2.showname}}","pname":"{{item.name}}","balls":"{{item2.balls}}","rate":"{{item2.num}}","cash":"0"}'></span>
                      <div class="ion-float-left type-left">
                        <span class="show-name"
                          [ngClass]="{'fontSize12':item2.showname | strlen:5}">{{item2.showname}}</span>
                        <span style="position: absolute; right: -4px; top: 4px;">
                          <span
                            style="position: absolute; right: 0px; border: 6px solid #E8E9EC; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent;"></span>
                          <span
                            style="position: absolute; right: 3px; top: 2px; z-index: 100; border: 4px solid #fff; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent;"></span>
                        </span>
                      </div>
                      <div class="ion-float-left type-right"
                        [ngClass]="{'num-circlenum':item.cls=='wordcirclenum','num-word':item.cls=='wordnum'}">
                        <span *ngFor="let item3 of item2.shownum"
                          [ngClass]="{'other-num-arr':item3|isnumber,'other-num-err':!(item3|isnumber)}"
                          class="rate-lhc-qlc-lot-{{item3}}">
                          {{item3}}
                        </span>
                      </div>
                    </div>
                  </ion-row>

                  <ion-row align-items-center
                    *ngIf="playCode!='lhc_sb' && playCode!='mlc_sb' && playCode!='twd_sb' && playCode!='qlc_sb' && playCode!='lhc_sxd' && playCode!='mlc_sxd' && playCode!='twd_sxd' && playCode!='qlc_sxd'">
                    <div *ngFor="let item2 of item.list" class="worder-mix lot-select-col"
                      data-id="lot-id-{{fillerItemId(item2.item_id)}}"
                      (click)="(playCode=='qlc_ddb' || playCode=='lhc_ddb' || playCode=='mlc_ddb' || playCode=='twd_ddb')?selectSpecialZmlmLotCol(item2.item_id):selectLotCol(item2.item_id)">
                      <span class="lot-select-val"
                        data-id='{"id":"{{item2.item_id}}","name":"{{item2.showname}}","pname":"{{item.name}}","balls":"{{item2.balls}}","rate":"{{item2.num}}","cash":"0"}'></span>
                      <div class="ion-float-left type-left">
                        <span class="show-name"
                          [ngClass]="{'fontSize12':item2.showname | strlen:5}">{{item2.showname}}</span>
                        <span class="show-name-num" *ngIf="!(item2.num | empty) && !disableBet">{{item2.num}}</span>
                        <span class="lot-span-num" *ngIf="!(item2.num | empty) && disableBet">--</span>
                        <!-- <span class="show-name-num" *ngIf="!item2.num">--</span> -->
                        <span style="position: absolute; right: -4px; top: 4px;">
                          <span
                            style="position: absolute; right: 0px; border: 6px solid #E8E9EC; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent;"></span>
                          <span
                            style="position: absolute; right: 3px; top: 2px; z-index: 100; border: 4px solid #fff; border-top-color: transparent; border-left-color: transparent; border-bottom-color: transparent;"></span>
                        </span>
                      </div>
                      <div class="ion-float-left type-right"
                        [ngClass]="{'num-circlenum':item.cls=='wordcirclenum','num-word':item.cls=='wordnum'}">
                        <span *ngFor="let item3 of item2.shownum"
                          [ngClass]="{'other-num-arr':item3|isnumber,'other-num-err':!(item3|isnumber)}"
                          class="rate-lhc-qlc-lot-{{item3}}">
                          {{item3}}
                        </span>
                      </div>
                    </div>
                  </ion-row>
                </div>
              </ion-grid>
              <!-- <ion-grid class="{{item.cls}}">
                  <ion-row align-items-center>
                    <ion-col size="6" *ngFor="let item2 of item.list">
                      <ion-label class="showname">{{item2.showname}}</ion-label>
                      <span class="lot-span-num" *ngIf="item2.num">{{item2.num}}</span>
                      <span class="lot-span-num" *ngIf="!item2.num">--</span>
                    </ion-col>
                  </ion-row>
                </ion-grid> -->
            </div>
          </div>
          <div *ngIf="playCode=='fast'" class="lot-rate-contain">
            <ion-grid>
              <ion-row>
                <ion-col class="lot-select-col" size="6" *ngFor="let item of lotNumData; let i=index;"
                  id="lot-mix-id-{{i}}">
                  <div
                    *ngIf="(code=='pk8' || code=='pks' || code=='pka' || code=='yka' || code=='sg8' ||  code=='pkt' || code=='pt8') && (item.showname | dragontiger) && isShowFastDragonTiger"
                    (click)="selectMixLotCol(i,item)" class="fast-lot-div fast-lot-div-d">
                    <ion-label class="showname lot-{{item.showname | lotnum}}"
                      [ngClass]="{'showname-lot-num': (item.showname|isnumber) ,'fontSize12':item.showname | strlen:5}">
                      {{item.showname}}
                    </ion-label>
                  </div>
                  <div (click)="selectMixLotCol(i,item)"
                    *ngIf="(code=='pk8' || code=='pks' || code=='pka' || code=='yka' || code=='sg8' ||  code=='pkt' || code=='pt8') && !(item.showname | dragontiger)"
                    class="fast-lot-div">
                    <ion-label class="showname lot-{{item.showname | lotnum}}"
                      [ngClass]="{'showname-lot-num': (item.showname|isnumber) ,'fontSize12':item.showname | strlen:5}">
                      {{item.showname}}
                    </ion-label>
                  </div>
                  <div (click)="selectMixLotCol(i,item)" class="fast-lot-div"
                    *ngIf="code=='sjs' || code=='yjs'  || code=='ssn' || code=='sxg'  || code=='jsg' || code=='sx5' || code=='xyssc'  || code=='ss8' || code=='sgs'">
                    <ion-label class="showname showname-sjs-bg"
                      [ngClass]="{'showname-sjs-num': (item.showname|isnumber) ,'fontSize12':item.showname | strlen:5}"
                      [ngStyle]="{'background':  (item.showname|isnumber)?'url(assets/img/lot_res_bg.png)' :'' ,'background-size':'contain' }">
                      {{item.showname}}
                    </ion-label>
                  </div>
                  <div (click)="selectMixLotCol(i,item)" class="fast-lot-div" *ngIf="code=='sgx'">
                    <ion-label class="showname circlenum-one-{{item.showname}}"
                      [ngClass]="{'circlenum-num': (item.showname|isnumber) ,'fontSize12':item.showname | strlen:5}">
                      {{item.showname}}
                    </ion-label>
                  </div>
                  <div (click)="selectMixLotCol(i,item)" class="fast-lot-div fast-lot-div-d" *ngIf="(code=='ssg' || code=='klsf' || code=='az8' || code=='yz8' || code=='s10') && (item.showname | dragontiger) && isShowFastDragonTiger">
                    <ion-label class="showname circlenum-two-{{item.showname}}"
                      [ngClass]="{'circlenum-num-one': (item.showname|isnumber) ,'fontSize12':item.showname | strlen:5}">
                      {{item.showname}}
                    </ion-label>
                  </div>
                  <div (click)="selectMixLotCol(i,item)" class="fast-lot-div" *ngIf="(code=='ssg' || code=='klsf' || code=='az8' || code=='yz8' || code=='s10') && !(item.showname | dragontiger)">
                    <ion-label class="showname circlenum-two-{{item.showname}}"
                      [ngClass]="{'circlenum-num-one': (item.showname|isnumber) ,'fontSize12':item.showname | strlen:5}">
                      {{item.showname}}
                    </ion-label>
                  </div>
                  <div (click)="selectMixLotCol(i,item)" class="fast-lot-div fast-lot-div-ssc-d" *ngIf="code=='ssc'">
                    <ion-label class="showname showname-ssc-{{item.showname}}"
                      [ngClass]="{'showname-ssc-num': (item.showname|isnumber) }">
                      <span *ngIf="!(item.showname|isnumber)">{{item.showname}}</span>
                    </ion-label>
                  </div>
                </ion-col>
              </ion-row>
            </ion-grid>
          </div>
        </div>
      </ion-col>
      <!-- 长龙的数据展示 -->
      <ion-col size="9" *ngIf="isCl" no-padding class="lot-data-right grid-right-col">
        <div class="lot-content-iPhoneX cl-contain" [ngClass]="{'fastShowStateiPhoneX':fastShowState}" style="overflow: auto;"
          [ngStyle]="{'height':clientHeight,'padding-bottom':!fast?'0px':(fastShowState?'70px':'60px')}">
          <div style="display: flex;flex-direction: row; align-items: center;border-bottom: 1px solid #E8E9EC;">
            <ion-item style="width: 84%; font-size: 14px;" lines="none">
                <ion-label>长龙连开期数</ion-label>
                <ion-select style="border: 1px solid #E8E9EC;height: 30px;--padding-top: 0px; --padding-bottom: 0px;line-height: 30px;border-radius: 30px;display: flex;flex-direction: row;align-items: center;" placeholder="6" cancelText="取消" [(ngModel)]="periodValue"  okText="确定" selectedText="{{periodValue}}" (ionChange)="selectPeriodValue()">
                    <ion-select-option value="6">6</ion-select-option>
                    <ion-select-option value="8">8</ion-select-option>
                    <ion-select-option value="10">10</ion-select-option>
                    <ion-select-option value="12">12</ion-select-option>
                  </ion-select>
              </ion-item>
             <div style="padding-left: 10px;" (click)="refreshCL()"><ion-icon class="iconfont  ion-ios-shuaxin" style="font-size: 16px; color: #ff6565;"></ion-icon></div>
            </div>
            <div style="margin:10px;">
                <div class="period-item" *ngFor="let item of clArr">
                    <div class="period-item-mark">
                        <p>封盘</p>
                    </div>
                   <div class="period-item-header">
                        <div>{{item.lots_showname}}</div>
                        <div>第<span style="color: #ff6565;">{{item.open_id}}</span>期</div> 
                   </div>
                   <div class="period-item-content">
                      <div style="flex:70;">
                        <div>{{item.ball_showname}}</div>
                        <div style="color: #ff6565;" class="draw-timer-d"  data-id="{{item.close_time-item.current_time}}" [attr.data-open]="item.lfopentime-item.current_time">{{(item.close_time-item.current_time) | cltime}}</div>      
                      </div>
                      <div style="flex:180;" class="period-item-content-t">
                          <span class="period-item-content-target" [ngClass]="{'select':isExitVal(selectClItemArr,itemSon.item_id)}" [attr.item-id]="itemSon.item_id" data-id="period-item-content-target-{{itemSon.item_id}}"   *ngFor="let itemSon of item.play_tables" (click)="selectDrawItem(itemSon.item_id)">
                             <span class="period-item-content-target-value"  data-id='{"id":"{{itemSon.item_id}}","name":"{{itemSon.item_name}}","pname":"{{itemSon.pname}}","balls":"{{itemSon.balls}}","rate":"{{itemSon.rate}}","cash":"0","code":"{{item.top_code}}","lottery_id":"{{item.lottery_id}}"}'></span>
                            <div>{{itemSon.item_name}}</div>
                            <div>{{itemSon.rate}}</div>   
                          </span>
                      </div>
                   </div>
                   <div class="period-item-progress">
                     <div class="progress-component"> 
                        <ion-progress-bar value="{{item.percent}}" style="--background:#548fed; --progress-background:#ff6565;position: absolute;top: 14px; height: 4px;"></ion-progress-bar>
                        <div class="progress-left-value">{{pkPercent(item.percent)}}%</div>  
                        <div class="progress-text" style="font-size: 12px;" [ngStyle]="{'width':item.percent<=0.2?'20%':(item.percent>=0.88?'88%':(item.percent*100 +'%'))}"><span style="padding: 2px; background: #636363; color: #fff;">PK</span></div>  
                        <div class="progress-right-value">{{pkPercent(1-item.percent)}}%</div>  
                     </div>
                    </div>
                   <div class="period-item-footer">
                     <span style="color: #ff6565; padding: 4px; border: 1px solid #E8E9EC; margin-right: 4px;">{{item.item_showname}}</span>连开<span style="color: #ff6565; padding: 5px;">{{item.win_times}}</span>期
                    </div>
                </div>
            </div>
          </div>
      </ion-col>
    </ion-row>
  </ion-grid>

</ion-content>
<ion-footer *ngIf="fast && fastShowState" class="lotdetail-footer">
  <div class="fast-footer">
    <div class="fast-bet-msg">
      <span class="fast-bet-msg-span"
        *ngIf="playCode=='lhc_sxd' || playCode=='mlc_sxd' || playCode=='twd_sxd' || playCode=='qlc_sxd' || playCode=='qlc_slx' || playCode=='lhc_slx' || playCode=='mlc_slx' || playCode=='twd_slx'">共<span>1</span>注:<span>{{betTotalMoney}}</span>元</span>
      <span class="fast-bet-msg-span"
        *ngIf="playCode!='lhc_sxd' && playCode!='mlc_sxd' && playCode!='twd_sxd' && playCode!='qlc_sxd' && playCode!='qlc_slx' && playCode!='lhc_slx' && playCode!='mlc_slx' && playCode!='twd_slx'">共<span>{{selectLotNumber}}</span>注:<span>{{betTotalMoney}}</span>元</span>
    </div>
    <div class="fast-bet-money">
      <span (click)="onSelectFastMoney(fastMoneyList.o);$event.stopPropagation">{{fastMoneyList.o}}</span>
      <span (click)="onSelectFastMoney(fastMoneyList.t);$event.stopPropagation">{{fastMoneyList.t}}</span>
      <span (click)="onSelectFastMoney(fastMoneyList.th);$event.stopPropagation">{{fastMoneyList.th}}</span>
      <span (click)="onSelectFastMoney(fastMoneyList.f);$event.stopPropagation">{{fastMoneyList.f}}</span>
      <span (click)="onSelectFastMoney(fastMoneyList.fi);$event.stopPropagation">{{fastMoneyList.fi}}</span>
      <span (click)="onEditShowWin();$event.stopPropagation">编辑</span>
    </div>
    <div class="fast-bet-operating">
      <span>
        <ion-input type="number" class="fast-bet-input-text" id="fast-bet-input-text" (ionInput)="onSetBet()"
          [(ngModel)]="betMoney" placeholder="最低投注1元">
        </ion-input>
      </span>
      <span class="fast-checkbox"><input type="checkbox" name="fast-checkbox" value="1" /><span>预设金额</span></span>
      <span class="fast-btn"> <span (click)="onReset()">取消</span><span (click)="onFastSubmit()">确认</span></span>
    </div>
  </div>
</ion-footer>
<div class="mark-contain" *ngIf="isMarkWin">
  <div class="m-contain-div">
    <div class="m-contain-div-header">
      <div *ngIf="isResOrFastmoney"> <span>{{lotName}}</span>
        投注成功
      </div>
      <div *ngIf="!isResOrFastmoney">预设金额</div>
      <div class="m-header-close" *ngIf="!isResOrFastmoney" (click)="onCloseMask();$event.stopPropagation">
        <ion-icon class="iconfont  ion-ios-shanchu" style="font-size: 30px; padding-bottom: 4px;"></ion-icon>
      </div>
    </div>
    <div class="m-contain-div-content">
      <div class="fast-res-grid" *ngIf="isResOrFastmoney">
        <ion-grid>
          <ion-row class="fast-res-one-row">
            <ion-col size="6" class="fast-res-grid-left">
              玩法
            </ion-col>
            <ion-col size="3" class="fast-res-grid-c">
              金额
            </ion-col>
            <ion-col size="3" class="fast-res-grid-right">
              可赢金额
            </ion-col>
          </ion-row>
          <div class="fast-res-list-row">
            <ion-row *ngFor="let item of betSuccessObj.orders">
              <ion-col size="6" class="fast-res-grid-left">
                <div style="width: 100%; text-align:left;">
                  <span style="color:#27c5ff" *ngIf="!(item.lotname | empty)">{{item.lotname}}/</span>
                  <span style="color:#27c5ff" [innerHTML]="item.depiction | html"></span> <span
                    style="color:#27c5ff">@</span><span style="color: red;">{{item.rate}}</span>
                </div>
              </ion-col>
              <ion-col size="3" class="fast-res-grid-c">
                {{item.cash | decimal:'no'}}
              </ion-col>
              <ion-col size="3" class="fast-res-grid-right">
                {{item.result2 | decimal:'three'}}
              </ion-col>
            </ion-row>
          </div>

        </ion-grid>
      </div>
      <div class="fast-set-money" *ngIf="!isResOrFastmoney">
        <div class="m-contain-div-input-d">
          <ion-input type="number" class="preset_input" placeholder="设置金额" id="preset_0" clearInput="true"
            value="{{fastMoneyList.o}}"></ion-input>
        </div>
        <div class="m-contain-div-input-d">
          <ion-input type="number" class="preset_input" placeholder="设置金额" id="preset_1" clearInput="true"
            value="{{fastMoneyList.t}}"></ion-input>
        </div>
        <div class="m-contain-div-input-d">
          <ion-input type="number" class="preset_input" placeholder="设置金额" id="preset_2" clearInput="true"
            value="{{fastMoneyList.th}}"></ion-input>
        </div>
        <div class="m-contain-div-input-d">
          <ion-input type="number" class="preset_input" placeholder="设置金额" id="preset_3" clearInput="true"
            value="{{fastMoneyList.f}}"></ion-input>
        </div>
        <div class="m-contain-div-input-d">
          <ion-input type="number" class="preset_input" placeholder="设置金额" id="preset_4" clearInput="true"
            value="{{fastMoneyList.fi}}"></ion-input>
        </div>
      </div>
    </div>
    <div class="m-contain-div-footer">
      <div class="m-contain-div-footer-h">
        <ion-grid class="fast-res-bottom" *ngIf="isResOrFastmoney">
          <ion-row>
            <ion-col size="6" class="fast-res-grid-left">
              总计({{betSuccessObj.sum.cnt}}注)
            </ion-col>
            <ion-col size="3" class="fast-res-grid-c">
              {{betSuccessObj.sum.sum |  decimal:'no'}}
            </ion-col>
            <ion-col size="3" class="fast-res-grid-right">
              {{betSuccessObj.sum.sum_result2 | decimal:'three'}}
            </ion-col>
          </ion-row>
        </ion-grid>
        <ion-grid class="fast-set-bottom" *ngIf="!isResOrFastmoney">
          <ion-row>
            <ion-col size="6" class="fast-res-grid-c">
              <input type="radio" name="radio" value="1">启用
            </ion-col>
            <ion-col size="6" class="fast-res-grid-c">
              <input type="radio" name="radio" value="0">停用
            </ion-col>
          </ion-row>
        </ion-grid>
      </div>
      <div class="m-contain-div-footer-f" color="primary01">
        <!-- 预设金额 -->
        <ion-button expand="full" shape="round" *ngIf="!isResOrFastmoney" (click)="onSetFastMoneySubmit()">确认
        </ion-button>
        <!-- 投资成功 -->
        <ion-button expand="full" shape="round" *ngIf="isResOrFastmoney" (click)="onCloseMask();$event.stopPropagation">
          确认
        </ion-button>
      </div>
    </div>
  </div>
</div>
<app-tab-self [name]='1' [ngClass]="{'hide-tab':!isShowTab,'show-tab':isShowTab}"></app-tab-self>
<div class="down-menu-mark" (click)="showDownMenu()">
  <div class="down-menu-contain" (click)="onForbidCloseFun($event)">  
    <div style="position: absolute; left: 50%; margin-left: -13px; top: -6px;"><ion-icon class="iconfont  ion-ios-shang" style="font-size: 26px; color: #fff;"></ion-icon></div>
     <div class="d-m-c" *ngFor="let item of lotMenuArr">
        <div class="d-m-c-title" [ngStyle]="{'margin-top': (item.name | menuiconmagrin)}" >
            <div><ion-icon class="iconfont {{item.name | menuicon}}" [ngStyle]="{'color': (item.name | menuiconcolor)}"></ion-icon></div>  
            <div>{{item.name}}</div>
        </div>
        <div class="d-m-c-son">
             <div *ngFor="let itemSon of item.value" (click)="onSelectDownMenuItem(itemSon.code,itemSon.name,itemSon.lotteryId);$event.stopPropagation"><p>{{itemSon.name}}</p><p id="menu-code-{{itemSon.code}}" [attr.data-code]="itemSon.code" class="d--m-c-son-time red">已封盘</p></div>
        </div>
     </div>
  </div>
</div>